add some basic RTL CSS overrides

This commit is contained in:
El RIDO 2023-09-19 07:29:49 +02:00
parent 5c97443d1d
commit 80546bf629
No known key found for this signature in database
GPG Key ID: 0F5C940A6BD81F92
2 changed files with 36 additions and 0 deletions

View File

@ -113,6 +113,7 @@ body.loading {
#qrcodemodalClose { #qrcodemodalClose {
float: right; float: right;
} }
#qrcode-display { #qrcode-display {
width: 200px; width: 200px;
height: 200px; height: 200px;
@ -205,3 +206,23 @@ li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
.modal .modal-content button { .modal .modal-content button {
margin: 0.5em 0; margin: 0.5em 0;
} }
/* right-to-left overrides */
html[dir="rtl"] .checkbox label {
padding-left: inherit;
padding-right: 20px;
}
html[dir="rtl"] .checkbox input[type="checkbox"] {
margin-left: inherit;
margin-right: -20px;
}
html[dir="rtl"] #language {
margin-left: inherit;
margin-right: 8px;
}
html[dir="rtl"] #deletelink, html[dir="rtl"] #qrcodemodalClose {
float: left;
}

View File

@ -261,6 +261,7 @@ button img {
#newbutton { #newbutton {
float: right; float: right;
margin-left: 0;
margin-right: 0; margin-right: 0;
margin-bottom: 5px; margin-bottom: 5px;
display: inline; display: inline;
@ -488,3 +489,17 @@ img.vizhash {
#cleartext h3 { #cleartext h3 {
font-size: 1.2em; font-size: 1.2em;
} }
/* right-to-left overrides */
html[dir="rtl"] #aboutbox, html[dir="rtl"] #deletelink, html[dir="rtl"] #newbutton {
float: left;
}
html[dir="rtl"] button, html[dir="rtl"] .button, html[dir="rtl"] button img {
margin-left: 5px;
margin-right: inherit;
}
html[dir="rtl"] button img {
margin-left: 8px;
}