Added base code for RTL support #1056

dev/Common/Translator.js

@@ -13,6 +13,7 @@ const
 		if (rl.I18N) {
 			I18N_DATA = rl.I18N;
 			rl.I18N = null;
+			doc.documentElement.dir = I18N_DATA.LANG_DIR;
 			return 1;
 		}
 	},

dev/Styles/@Main.less

@@ -53,6 +53,8 @@
 
 @import "User/Animations.less";
 
+@import "rtl.less";
+
 @import "_End.less";
 
 @media print {

dev/Styles/Components.less

@@ -42,7 +42,7 @@
 	}
 
 	span {
-		margin-left: 0.5em;
+		margin: 0 0.5em;
 		white-space: normal;
 	}
 
@@ -57,13 +57,6 @@
 	margin-bottom: 6px;
 	padding: 2px 0;
 
-	input {
-		opacity:0;
-		position:absolute;
-		top:0;
-		left:0;
-	}
-
 	&:focus-within {
 		outline: 1px dotted;
 	}
@@ -77,17 +70,23 @@
 .e-checkbox.material-design {
 
 	line-height: 20px;
-	padding-left: 18px;
-	position: relative;
 	width: auto !important;
 
 	> div {
+		position: relative;
+		width: 18px;
+	}
+
+	> div > div {
 		position: absolute;
-		margin-top: 1px;
 		.checkbox-box-sizes();
 		animation: checkmark-to-box 200ms ease-out forwards;
 	}
 
+	input {
+		opacity:0;
+	}
+
 	input:checked + div {
 		.checkbox-mark-sizes();
 		animation: box-to-checkmark 200ms ease-out forwards;

dev/Styles/User/MessageList.less

@@ -198,6 +198,7 @@
 	&.focused {
 		background-color: rgba(128, 128, 128, 0.1);
 		border-left-color: #ccc;
+		border-right-color: #ccc !important;
 	}
 
 	&.priorityHigh .subjectParent::before {
@@ -213,6 +214,7 @@
 	.messageCheckbox {
 		font-size: 16px;
 		padding: 5px .5em 0;
+		white-space: nowrap;
 	}
 	.checkboxMessage {
 		display: inline;
@@ -293,28 +295,34 @@
 	&.hasUnseenSubMessage {
 		background-color: rgba(255, 255, 64, 0.15);
 		border-left-color: lighten(orange, 30%);
+		border-right-color: lighten(orange, 30%) !important;
 		&.focused {
 			border-left-color: darken(orange, 10%);
+			border-right-color: darken(orange, 10%) !important;
 		}
 	}
 
 	&.unseen {
 		background-color: rgba(255, 255, 64, 0.15);
 		border-left-color: orange;
+		border-right-color: orange !important;
 		.senderParent, .subjectParent {
 			font-weight: bold;
 		}
 
 		&.focused {
 			border-left-color: darken(orange, 10%);
+			border-right-color: darken(orange, 10%) !important;
 		}
 	}
 
 	&.checked {
 		border-left-color: lighten(#398CF2, 10%);
+		border-right-color: lighten(#398CF2, 10%) !important;
 
 		&.focused {
 			border-left-color: darken(#398CF2, 5%);
+			border-right-color: darken(#398CF2, 5%) !important;
 		}
 	}
 
@@ -322,6 +330,7 @@
 		background-color: rgba(140, 200, 255, 0.3);
 		border-bottom-color: rgba(57, 140, 242, 0.2);
 		border-left-color: #398CF2;
+		border-right-color: #398CF2 !important;
 		z-index: 101;
 	}
 

dev/Styles/User/SystemDropDown.less

@@ -19,7 +19,6 @@
 	.email-title {
 		text-overflow: ellipsis;
 		overflow: hidden;
-		padding-right: 32px;
 	}
 
 	.audioPlace {

plugins/avatars/style.css

@@ -13,12 +13,11 @@
 	width:68px
 }
 */
-#rl-app .messageCheckbox {
-	padding-right:0;
-	white-space:nowrap;
-}
 .messageCheckbox .fromPic {
-	margin: 0 0 -0.4em 0.4em;
+	margin: 0 -0.5em -0.4em 0.4em;
 	height: 1.5em;
 	width: 1.5em;
 }
+[dir="rtl"] .messageCheckbox .fromPic {
+	margin: 0 0.4em -0.4em -0.5em;
+}

snappymail/v/0.0.0/app/localization/ar-SA/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "rtl",
 	"GLOBAL": {
 		"TO_ARCHIVE": "الأرشيف",
 		"ARE_YOU_SURE": "هل أنت متأكد؟",

snappymail/v/0.0.0/app/localization/bg-BG/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Архивиране",
 		"ARE_YOU_SURE": "Сигурни ли си?",

snappymail/v/0.0.0/app/localization/cs-CZ/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archivace",
 		"ARE_YOU_SURE": "Jste si jisti?",

snappymail/v/0.0.0/app/localization/da-DK/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arkivering",
 		"ARE_YOU_SURE": "Er du sikker?",

snappymail/v/0.0.0/app/localization/de-DE/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archivieren",
 		"ARE_YOU_SURE": "Sind Sie sicher?",

snappymail/v/0.0.0/app/localization/el-GR/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Αρχειοθέτηση",
 		"ARE_YOU_SURE": "Είστε σίγουροι;",

snappymail/v/0.0.0/app/localization/en-GB/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archive",
 		"ARE_YOU_SURE": "Are you sure?",

snappymail/v/0.0.0/app/localization/en/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archive",
 		"ARE_YOU_SURE": "Are you sure?",

snappymail/v/0.0.0/app/localization/es-ES/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archivar",
 		"ARE_YOU_SURE": "¿Está seguro?",

snappymail/v/0.0.0/app/localization/et-EE/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arhiveerimine",
 		"ARE_YOU_SURE": "Kas oled kindel?",

snappymail/v/0.0.0/app/localization/eu/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Artxibatu",
 		"ARE_YOU_SURE": "Ziur zaude",

snappymail/v/0.0.0/app/localization/fa-IR/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "rtl",
 	"GLOBAL": {
 		"TO_ARCHIVE": "بایگانی",
 		"ARE_YOU_SURE": "اطمینان دارید؟",

snappymail/v/0.0.0/app/localization/fi-FI/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arkistointi",
 		"ARE_YOU_SURE": "Oletko varma?",

snappymail/v/0.0.0/app/localization/fr-FR/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archiver",
 		"ARE_YOU_SURE": "Êtes-vous sûr ?",

snappymail/v/0.0.0/app/localization/hu-HU/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archívum",
 		"ARE_YOU_SURE": "Biztos vagy benne?",

snappymail/v/0.0.0/app/localization/id-ID/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Pengarsipan",
 		"ARE_YOU_SURE": "Anda yakin?",

snappymail/v/0.0.0/app/localization/is-IS/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Skjalavörsla",
 		"ARE_YOU_SURE": "Ertu viss?",

snappymail/v/0.0.0/app/localization/it-IT/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archiviazione",
 		"ARE_YOU_SURE": "Sei sicuro?",

snappymail/v/0.0.0/app/localization/ja-JP/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "アーカイブ",
 		"ARE_YOU_SURE": "よろしいですか？",

snappymail/v/0.0.0/app/localization/ko-KR/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "아카이빙",
 		"ARE_YOU_SURE": "정말입니까?",

snappymail/v/0.0.0/app/localization/lt-LT/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archyvavimas",
 		"ARE_YOU_SURE": "Ar Jūs įsitikinę?",

snappymail/v/0.0.0/app/localization/lv-LV/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arhivēšana",
 		"ARE_YOU_SURE": "Tiešām?",

snappymail/v/0.0.0/app/localization/nb-NO/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arkivering",
 		"ARE_YOU_SURE": "Er du sikker?",

snappymail/v/0.0.0/app/localization/nl-NL/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archiveren",
 		"ARE_YOU_SURE": "Weet u het zeker?",

snappymail/v/0.0.0/app/localization/pl-PL/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archiwizacja",
 		"ARE_YOU_SURE": "Jesteś pewien\/pewna?",

snappymail/v/0.0.0/app/localization/pt-BR/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arquivo",
 		"ARE_YOU_SURE": "Você tem certeza?",

snappymail/v/0.0.0/app/localization/pt-PT/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arquivar",
 		"ARE_YOU_SURE": "Tem a certeza?",

snappymail/v/0.0.0/app/localization/pt/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arquivar",
 		"ARE_YOU_SURE": "Tem a certeza?",

snappymail/v/0.0.0/app/localization/ro-RO/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arhivare",
 		"ARE_YOU_SURE": "Sunteți sigur?",

snappymail/v/0.0.0/app/localization/ru-RU/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "В архив",
 		"ARE_YOU_SURE": "Вы уверены?",

snappymail/v/0.0.0/app/localization/sk-SK/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Archivácia",
 		"ARE_YOU_SURE": "Ste si istý?",

snappymail/v/0.0.0/app/localization/sl-SI/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arhiviranje",
 		"ARE_YOU_SURE": "Ste prepričani?",

snappymail/v/0.0.0/app/localization/sv-SE/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arkiv",
 		"ARE_YOU_SURE": "Är du säker?",

snappymail/v/0.0.0/app/localization/tr-TR/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Arşivleme",
 		"ARE_YOU_SURE": "Eminmisiniz?",

snappymail/v/0.0.0/app/localization/uk-UA/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Архівування",
 		"ARE_YOU_SURE": "Ви впевнені?",

snappymail/v/0.0.0/app/localization/vi-VN/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "Cho vào kho lưu trữ",
 		"ARE_YOU_SURE": "Bạn chắc chắn chứ?",

snappymail/v/0.0.0/app/localization/zh-CN/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "存档",
 		"ARE_YOU_SURE": "您是否确定？",

snappymail/v/0.0.0/app/localization/zh-TW/user.json

@@ -1,4 +1,5 @@
 {
+	"LANG_DIR": "ltr",
 	"GLOBAL": {
 		"TO_ARCHIVE": "封存",
 		"ARE_YOU_SURE": "確定?",

snappymail/v/0.0.0/app/templates/Views/Components/Checkbox.html

@@ -1,6 +1,8 @@
 <label class="e-component e-checkbox material-design" data-bind="css: { 'disabled': !enable() }">
-	<input type="checkbox" value="1" data-bind="checked: value, enable: enable, attr: {name: name}"/>
+	<div>
-	<div role="checkbox"></div>
+		<input type="checkbox" value="1" data-bind="checked: value, enable: enable, attr: {name: name}"/>
+		<div role="checkbox"></div>
+	</div>
 <!-- ko if: label -->
 	<span data-bind="attr: {'data-i18n': label}"></span>
 <!-- /ko -->

vendors/bootstrap/less/tables.less

@@ -18,7 +18,7 @@
   td {
     padding: 8px;
     line-height: 1.43em;
-    text-align: left;
+    text-align: inherit;
     vertical-align: text-top;
     border-top: 1px solid var(--border-color, #ddd);
   }