luna/mastodon
0
0
Fork 0
mirror of https://github.com/lunaisnotaboy/mastodon.git synced 2024-11-19 05:13:01 +00:00
Code Issues Projects Releases Wiki Activity

RTL: fix preferences layout (#9021)

Browse source
This commit is contained in:
Masoud Abkenar 2018-10-20 01:05:17 +02:00 committed by Eugen Rochko
parent 065b39e7a4
commit 029943d59b
1 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/javascript/styles/mastodon/rtl.scss
View file

@ -196,6 +196,10 @@ body.rtl {
right: -2.14285714em; right: -2.14285714em;
} }
.admin-wrapper {
direction: rtl;
}
.admin-wrapper .sidebar ul a i.fa, .admin-wrapper .sidebar ul a i.fa,
a.table-action-link i.fa { a.table-action-link i.fa {
margin-right: 0; margin-right: 0;
@ -214,11 +218,32 @@ body.rtl {
right: 0; right: 0;
} }
.simple_form .input.radio_buttons .radio {
left: auto;
right: 0;
}
.simple_form .input.radio_buttons .radio > label {
padding-right: 28px;
padding-left: 0;
}
.simple_form .input-with-append .input input { .simple_form .input-with-append .input input {
padding-left: 142px; padding-left: 142px;
padding-right: 0; padding-right: 0;
} }
.simple_form .input.boolean label.checkbox {
left: auto;
right: 0;
}
.simple_form .input.boolean .label_input,
.simple_form .input.boolean .hint {
padding-left: 0;
padding-right: 28px;
}
.simple_form .label_input__append { .simple_form .label_input__append {
right: auto; right: auto;
left: 0; left: 0;
@ -230,6 +255,10 @@ body.rtl {
} }
} }
.simple_form select {
background: darken($ui-base-color, 10%) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.933 18.467' height='19.698' width='15.929'><path d='M3.467 14.967l-3.393-3.5H14.86l-3.392 3.5c-1.866 1.925-3.666 3.5-4 3.5-.335 0-2.135-1.575-4-3.5zm.266-11.234L7.467 0 11.2 3.733l3.733 3.734H0l3.733-3.734z' fill='#{hex-color(lighten($ui-base-color, 12%))}'/></svg>") no-repeat left 8px center / auto 16px;
}
.table th, .table th,
.table td { .table td {
text-align: right; text-align: right;