Adjust RTL styles (#4712)
This commit is contained in:
parent
f095a9f8a5
commit
26402ee2cb
|
@ -32,6 +32,11 @@ body.rtl {
|
||||||
right: auto;
|
right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.column-header__back-button {
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.column-header__setting-arrows {
|
.column-header__setting-arrows {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
@ -54,25 +59,64 @@ body.rtl {
|
||||||
right: 10px;
|
right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status {
|
.status,
|
||||||
|
.activity-stream .status.light {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 68px;
|
padding-right: 68px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status__info .status__display-name {
|
.status__info .status__display-name,
|
||||||
|
.activity-stream .status.light .status__display-name {
|
||||||
padding-left: 25px;
|
padding-left: 25px;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.activity-stream .pre-header {
|
||||||
|
padding-right: 68px;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status__prepend {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 68px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status__prepend-icon-wrapper {
|
||||||
|
left: auto;
|
||||||
|
right: -26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.activity-stream .pre-header .pre-header__icon {
|
||||||
|
left: auto;
|
||||||
|
right: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.account__avatar-overlay-overlay {
|
||||||
|
right: auto;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.column-back-button--slim-button {
|
.column-back-button--slim-button {
|
||||||
right: auto;
|
right: auto;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status__relative-time {
|
.status__relative-time,
|
||||||
|
.activity-stream .status.light .status__header .status__meta {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.activity-stream .detailed-status.light .detailed-status__display-name > div {
|
||||||
|
float: right;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.activity-stream .detailed-status.light .detailed-status__meta span > span {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
.status__action-bar-button {
|
.status__action-bar-button {
|
||||||
float: right;
|
float: right;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
|
@ -129,6 +173,78 @@ body.rtl {
|
||||||
right: -2.14285714em;
|
right: -2.14285714em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.admin-wrapper .sidebar ul a i.fa,
|
||||||
|
a.table-action-link i.fa {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple_form .check_boxes .checkbox label,
|
||||||
|
.simple_form .input.with_label.boolean label.checkbox {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple_form .check_boxes .checkbox input[type="checkbox"],
|
||||||
|
.simple_form .input.boolean input[type="checkbox"] {
|
||||||
|
left: auto;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple_form .input-with-append .input input {
|
||||||
|
padding-left: 127px;
|
||||||
|
padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.simple_form .input-with-append .append {
|
||||||
|
right: auto;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table th,
|
||||||
|
.table td {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filters .filter-subset {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landing-page .header-wrapper .mascot {
|
||||||
|
right: 60px;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landing-page .header .hero .floats .float-1 {
|
||||||
|
left: -120px;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landing-page .header .hero .floats .float-2 {
|
||||||
|
left: 210px;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landing-page .header .hero .floats .float-3 {
|
||||||
|
left: 110px;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landing-page .header .links .brand img {
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landing-page .fa-external-link {
|
||||||
|
padding-right: 5px;
|
||||||
|
padding-left: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.landing-page .features #mastodon-timeline {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1025px) {
|
@media screen and (min-width: 1025px) {
|
||||||
.column,
|
.column,
|
||||||
.drawer {
|
.drawer {
|
||||||
|
@ -139,11 +255,6 @@ body.rtl {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
padding-right: 0;
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.columns-area > div {
|
.columns-area > div {
|
||||||
|
|
Loading…
Reference in New Issue