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 {
float: right;
}
#qrcode-display {
width: 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 {
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 {
float: right;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px;
display: inline;
@ -488,3 +489,17 @@ img.vizhash {
#cleartext h3 {
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;
}