fedi/mastodon
1
0
Fork 1
mirror of https://github.com/mastodon/mastodon.git synced 2024-12-19 16:07:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix issues in RTL layout in web UI (#12060)

Browse source
This commit is contained in:
Eugen Rochko 2019-10-03 03:17:41 +02:00 committed by GitHub
parent f51f99c3c2
commit 9184522cb4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 36 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/styles/mastodon/components.scss
View file

@ -5125,6 +5125,7 @@ a.status-card.compact:hover {
background: darken($ui-base-color, 8%); background: darken($ui-base-color, 8%);
border-radius: 4px; border-radius: 4px;
padding-bottom: 44px; padding-bottom: 44px;
direction: ltr;
&.editable { &.editable {
border-radius: 0; border-radius: 0;
@ -5172,6 +5173,7 @@ a.status-card.compact:hover {
max-width: 100%; max-width: 100%;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
direction: ltr;
&.editable { &.editable {
border-radius: 0; border-radius: 0;

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

@ -7,6 +7,34 @@ body.rtl {
padding-right: 15px; padding-right: 15px;
} }
.radio-button__input {
margin-right: 0;
margin-left: 10px;
}
.directory__card__bar .display-name {
margin-left: 0;
margin-right: 15px;
}
.display-name {
text-align: right;
}
.notification__message {
margin-left: 0;
margin-right: 68px;
}
.drawer__inner__mastodon > img {
transform: scaleX(-1);
}
.notification__favourite-icon-wrapper {
left: auto;
right: -26px;
}
.landing-page__logo { .landing-page__logo {
margin-right: 0; margin-right: 0;
margin-left: 20px; margin-left: 20px;
@ -135,7 +163,6 @@ body.rtl {
} }
.status__action-bar { .status__action-bar {
&__counter { &__counter {
margin-right: 0; margin-right: 0;
margin-left: 11px; margin-left: 11px;
@ -328,6 +355,12 @@ body.rtl {
} }
} }
.columns-area--mobile .column,
.columns-area--mobile .drawer {
padding-left: 0;
padding-right: 0;
}
.public-layout { .public-layout {
.header { .header {
.nav-button { .nav-button {