mirrors/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2024-12-13 14:45:12 +01:00
Code Issues Projects Releases Wiki Activity

[Glitch] Fix issues in RTL layout in web UI

Browse Source 
Port 9184522cb4 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
This commit is contained in:
Eugen Rochko 2019-10-03 03:17:41 +02:00 committed by Thibaut Girka
parent 7ca6153c0c
commit 79388a52aa
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/flavours/glitch/styles/components/media.scss
View File

@ -339,6 +339,7 @@
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;
@ -386,6 +387,7 @@
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/flavours/glitch/styles/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;
@ -152,7 +180,6 @@ body.rtl {
} }
.status__action-bar { .status__action-bar {
&__counter { &__counter {
margin-right: 0; margin-right: 0;
margin-left: 11px; margin-left: 11px;
@ -345,6 +372,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 {