Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-09 06:28:28 +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 {
flex-grow: 1;
text-align: right;
text-align: var(--right, right);
}
.language-button {

2
dev/Styles/Main.less
View file

@ -111,7 +111,7 @@ dialog .modal-body {
dialog > footer {
padding: 9px 15px;
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-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 {
.control-group {
> label {
text-align: left;
text-align: var(--left, left);
}
// Move over all input controls and content

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2
dev/Styles/_End.less
View file

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

4
plugins/avatars/style.css
View file

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

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

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