Added base code for RTL support #1056

This commit is contained in:
the-djmaze 2023-04-11 12:55:59 +02:00
parent dfc415e3a8
commit 20a2f5f185
46 changed files with 69 additions and 20 deletions

View file

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

View file

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

View file

@ -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;

View file

@ -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;
}

View file

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

View file

@ -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;
}

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -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ứ?",

View file

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

View file

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

View file

@ -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 role="checkbox"></div>
<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 -->

View file

@ -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);
}