fix(Composer): rtl support

Signed-off-by: Hamza Mahjoubi <[email protected]>
nextcloud · Oct 28, 2024 · 35a3faf · 35a3faf
1 parent 7694fb6
commit 35a3faf
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/src/components/Composer.vue b/src/components/Composer.vue
@@ -1579,6 +1579,10 @@ export default {
 	display: none;
 }
 
+:deep(.v-select.select){
+	left: 0 !important;
+}
+
 :deep(.vs__dropdown-menu){
 	padding: 0 !important;
 }

diff --git a/src/components/NewMessageModal.vue b/src/components/NewMessageModal.vue
@@ -577,14 +577,14 @@ export default {
 	float: right;
 	position: absolute !important;
 	top: 4px;
-	right: 63px;
+	inset-inline-end: 63px;
 }
 
 .maximize-button {
 	float: right;
 	position: absolute !important;
 	top: 4px;
-	right: 33px;
+	inset-inline-end: 33px;
 
 }
 .empty-content{

diff --git a/src/components/TextEditor.vue b/src/components/TextEditor.vue
@@ -140,6 +140,7 @@ export default {
 					items: toolbar,
 				},
 				language: 'en',
+				content: 'en',
 				mention: {
 					feeds: [
 						{
@@ -292,10 +293,7 @@ export default {
 			try {
 				logger.debug(`loading ${language} translations for CKEditor`)
 				await import(
-					/* webpackMode: "lazy-once" */
-					/* webpackPrefetch: true */
-					/* webpackPreload: true */
-					`@ckeditor/ckeditor5-build-decoupled-document/build/translations/${language}`
+					`../../node_modules/@ckeditor/ckeditor5-build-decoupled-document/build/translations/${language}.js`
 				)
 				this.showEditor(language)
 			} catch (error) {
@@ -306,6 +304,7 @@ export default {
 		showEditor(language) {
 			logger.debug(`using "${language}" as CKEditor language`)
 			this.config.language = language
+			this.config.content = language
 
 			this.ready = true
 		},

diff --git a/src/components/Thread.vue b/src/components/Thread.vue
@@ -12,7 +12,7 @@
 		<template v-else>
 			<div id="mail-thread-header">
 				<div id="mail-thread-header-fields">
-					<h2 :title="threadSubject">
+					<h2 dir="auto" :title="threadSubject">
 						{{ threadSubject }}
 					</h2>
 					<div v-if="thread.length" ref="avatarHeader" class="avatar-header">