Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved RTL support #1056

Browse source
This commit is contained in:
the-djmaze 2023-04-18 11:35:31 +02:00
parent 9cabfe7570
commit a71ea44753
14 changed files with 38 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dev/Styles/Login.less
View file

@ -131,7 +131,7 @@
.language-buttons { .language-buttons {
flex-grow: 1; flex-grow: 1;
text-align: right; text-align: var(--right, right);
} }
.language-button { .language-button {

2
dev/Styles/Main.less
View file

@ -111,7 +111,7 @@ dialog .modal-body {
dialog > footer { dialog > footer {
padding: 9px 15px; padding: 9px 15px;
margin-bottom: 0; margin-bottom: 0;
text-align: right; // right align buttons text-align: var(--right, right); // right align buttons
border-top: 1px solid var(--border-color, #ddd); border-top: 1px solid var(--border-color, #ddd);
border-radius: 0 0 var(--dialog-border-radius, 6px) var(--dialog-border-radius, 6px); border-radius: 0 0 var(--dialog-border-radius, 6px) var(--dialog-border-radius, 6px);

2
dev/Styles/Ui.less
View file

@ -162,7 +162,7 @@ summary.legend {
.form-horizontal { .form-horizontal {
.control-group { .control-group {
> label { > label {
text-align: left; text-align: var(--left, left);
} }
// Move over all input controls and content // Move over all input controls and content

2
dev/Styles/User/Compose.less
View file

@ -91,7 +91,7 @@
} }
td:first-child { td:first-child {
padding: 0 10px 0 0; padding: 0 10px 0 0;
text-align: right; text-align: var(--right, right);
white-space: nowrap; white-space: nowrap;
width: 4em; width: 4em;
} }

16
dev/Styles/User/Contacts.less
View file

@ -42,7 +42,7 @@
.footer-pager { .footer-pager {
padding: 8px 10px 0 0; padding: 8px 10px 0 0;
text-align: right; text-align: var(--right, right);
} }
} }
@ -79,10 +79,10 @@
margin: 0; margin: 0;
border-left: 6px solid #eee; border-left: 6px solid #eee;
border-bottom: 1px solid var(--border-color, #ddd); border-bottom: 1px solid var(--border-color, #ddd) !important;
&.focused { &.focused {
border-left-color: #bbb; border-color: #bbb;
} }
&.deleted { &.deleted {
@ -104,20 +104,20 @@
} }
&.checked { &.checked {
border-left-color: #69A8F5; border-color: #69A8F5;
&.focused { &.focused {
border-left-color: darken(#69A8F5, 5%); border-color: darken(#69A8F5, 5%);
} }
} }
&.selected { &.selected {
background-color: rgba(140, 200, 255, 0.3); background-color: rgba(140, 200, 255, 0.3);
border-left-color: #398CF2; border-color: #398CF2;
&.focused { &.focused {
border-left-color: darken(#398CF2, 5%); border-color: darken(#398CF2, 5%);
} }
} }
} }
@ -132,7 +132,7 @@
.b-view-content-toolbar { .b-view-content-toolbar {
border-top: 1px solid var(--border-color, #ddd); border-top: 1px solid var(--border-color, #ddd);
padding: 7px; padding: 7px;
text-align: right; text-align: var(--right, right);
.dropdown-menu.right-edge { .dropdown-menu.right-edge {
top: auto; top: auto;

25
dev/Styles/User/FolderList.less
View file

@ -9,7 +9,7 @@
.focused .b-folders a.focused { .focused .b-folders a.focused {
background-color: var(--folders-focused-bg-color, #333); background-color: var(--folders-focused-bg-color, #333);
border-left-color: #fff; border-color: #fff;
color: var(--folders-focused-color, #eee); color: var(--folders-focused-color, #eee);
} }
@ -23,11 +23,6 @@
margin: 0; margin: 0;
} }
input {
margin-left: 4px;
width: calc(100% - 8px);
}
.move-action-content-wrapper { .move-action-content-wrapper {
z-index: -1; z-index: -1;
position: fixed; position: fixed;
@ -118,6 +113,7 @@
.e-collapsed-sign { .e-collapsed-sign {
cursor: pointer; cursor: pointer;
font-size: 150%; font-size: 150%;
text-indent: 0;
vertical-align: inherit; vertical-align: inherit;
} }
} }
@ -151,6 +147,7 @@
text-shadow: 0 -1px 0 rgba(0,0,0,.25); text-shadow: 0 -1px 0 rgba(0,0,0,.25);
position: absolute; position: absolute;
right: 3px; right: 3px;
text-indent: 0;
} }
.flag-icon { .flag-icon {
@ -173,16 +170,16 @@
} }
li li a { li li a {
padding-left: @subPadding * 1 + @folderItemPadding; text-indent: 1em;
} }
li li li a { li li li a {
padding-left: @subPadding * 2 + @folderItemPadding; text-indent: 2em;
} }
li li li li a { li li li li a {
padding-left: @subPadding * 3 + @folderItemPadding; text-indent: 3em;
} }
li li li li li a { li li li li li a {
padding-left: @subPadding * 4 + @folderItemPadding; text-indent: 4em;
} }
/**/ /**/
@ -192,16 +189,16 @@
&.single-root-inbox { &.single-root-inbox {
li li a { li li a {
padding-left: @folderItemPadding; text-indent: 0;
} }
li li li a { li li li a {
padding-left: @subPadding * 1 + @folderItemPadding; text-indent: 1em;
} }
li li li li a { li li li li a {
padding-left: @subPadding * 2 + @folderItemPadding; text-indent: 2em;
} }
li li li li li a { li li li li li a {
padding-left: @subPadding * 3 + @folderItemPadding; text-indent: 3em;
} }
} }
/**/ /**/

4
dev/Styles/User/Layout.less
View file

@ -87,7 +87,6 @@ html:not(.rl-left-panel-disabled) #rl-left {
.search-input-wrp { .search-input-wrp {
position: relative; position: relative;
text-align: right;
} }
.search-input-wrp a { .search-input-wrp a {
position: absolute; position: absolute;
@ -103,7 +102,8 @@ html:not(.rl-left-panel-disabled) #rl-left {
} }
} }
#rl-left .search-input-wrp { #rl-left .search-input-wrp {
margin-right: 8px; margin: 0 4px;
width: calc(100% - 8px);
} }
html:not(.rl-ctrl-key-pressed) .visible-on-ctrl-btn, html:not(.rl-ctrl-key-pressed) .visible-on-ctrl-btn,

11
dev/Styles/User/MessageList.less
View file

@ -70,7 +70,7 @@
.b-footer nav { .b-footer nav {
flex-grow: 1; flex-grow: 1;
text-align: right; text-align: var(--right, right);
} }
.btn.buttonMoreSearch { .btn.buttonMoreSearch {
@ -226,11 +226,7 @@
font-size: 11px; font-size: 11px;
white-space: nowrap; white-space: nowrap;
min-width: 3.5em; min-width: 3.5em;
text-align: right; text-align: var(--right, right);
}
.attachmentParent {
margin: 0 10px 0 5px;
} }
.senderParent, .subjectParent { .senderParent, .subjectParent {
@ -334,8 +330,9 @@
z-index: 101; z-index: 101;
} }
.attachmentParent,
.flagParent { .flagParent {
padding: 0 10px 0 5px; margin: 0 10px 0 5px;
} }
.flagParent::after { .flagParent::after {
content: '☆'; /*⚐*/ content: '☆'; /*⚐*/

2
dev/Styles/User/MessageView.less
View file

@ -187,7 +187,7 @@
td:first-child { td:first-child {
border-right: 1px solid #999; border-right: 1px solid #999;
text-align: right; text-align: var(--right, right);
white-space: nowrap; white-space: nowrap;
width: 1%; width: 1%;
} }

2
dev/Styles/User/SettingsAccounts.less
View file

@ -26,7 +26,7 @@
} }
td + td + td { td + td + td {
text-align: right; text-align: var(--right, right);
} }
td:first-child, td:first-child,
td:last-child, { td:last-child, {

2
dev/Styles/User/SquireUI.less
View file

@ -20,7 +20,7 @@
.squire-toolbar select { .squire-toolbar select {
font-size: 12px; font-size: 12px;
padding: 4px 1.5em 4px 6px; padding: 4px 1.5em 4px 6px;
text-align: left; text-align: var(--left, left);
vertical-align: middle; vertical-align: middle;
width: 7em; width: 7em;
} }

2
dev/Styles/_End.less
View file

@ -13,7 +13,7 @@
opacity: 1; opacity: 1;
padding: 0.25em; padding: 0.25em;
position : absolute; position : absolute;
text-align: left; text-align: var(--left, left);
top: 100%; top: 100%;
transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;
white-space: nowrap; white-space: nowrap;

4
plugins/avatars/style.css
View file

@ -18,6 +18,10 @@
height: 1.5em; height: 1.5em;
width: 1.5em; width: 1.5em;
} }
[dir="rtl"] .messageView .fromPic {
float: right;
margin: 0 0 0 4px;
}
[dir="rtl"] .messageCheckbox .fromPic { [dir="rtl"] .messageCheckbox .fromPic {
margin: 0 0.4em -0.4em -0.5em; margin: 0 0.4em -0.4em -0.5em;
} }

2
vendors/bootstrap/less/close.less vendored
View file

@ -4,7 +4,7 @@
.close { .close {
float: right; float: var(--right, right);
font-size: 143%; font-size: 143%;
font-weight: bold; font-weight: bold;
line-height: 1.43em; line-height: 1.43em;