Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Fix styles for RTL languages and the light theme (#15356)

Browse source
This commit is contained in:
Eugen Rochko 2020-12-18 08:47:36 +01:00 • committed by GitHub
parent 8a95867693
commit 941ff04b03
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 86 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,15 +17,38 @@ body.rtl {
margin-right: 15px;
}
.display-name {
.display-name,
.announcements__item {
text-align: right;
}
.announcements__item__range {
padding-right: 0;
padding-left: 18px;
}
.reactions-bar {
margin-left: auto;
margin-right: -2px;
direction: rtl;
}
.reactions-bar__item__count {
margin-left: 0;
margin-right: 6px;
}
.announcements__pagination {
right: auto;
left: 0;
}
.notification__message {
margin-left: 0;
margin-right: 68px;
}
.announcements__mastodon,
.drawer__inner__mastodon > img {
transform: scaleX(-1);
}
@ -195,6 +218,7 @@ body.rtl {
margin-right: 0;
}
.picture-in-picture__header__account .display-name,
.detailed-status__display-name .display-name {
text-align: right;
}
@ -205,6 +229,21 @@ body.rtl {
float: right;
}
.picture-in-picture__header__account .account__avatar {
margin-right: 0;
margin-left: 10px;
}
.icon-button__counter {
margin-left: 0;
margin-right: 4px;
}
.notifications-permission-banner__close {
right: auto;
left: 10px;
}
.detailed-status__favorites,
.detailed-status__reblogs {
margin-left: 0;
@ -416,4 +455,9 @@ body.rtl {
left: auto;
right: 0;
}
.picture-in-picture {
right: auto;
left: 20px;
}
}