add some basic RTL CSS overrides
This commit is contained in:
parent
5c97443d1d
commit
80546bf629
2 changed files with 36 additions and 0 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue