me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix wrong padding in RTL layout in web UI (#23157)

Browse source
This commit is contained in:
Eugen Rochko 2023-01-19 15:51:14 +01:00 committed by GitHub
parent 5295c289ee
commit 81e90bb608
2 changed files with 4 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/styles/mastodon/polls.scss
View file

@ -109,7 +109,7 @@
box-sizing: border-box; box-sizing: border-box;
width: 18px; width: 18px;
height: 18px; height: 18px;
margin-right: 10px; margin-inline-end: 10px;
top: -1px; top: -1px;
border-radius: 50%; border-radius: 50%;
vertical-align: middle; vertical-align: middle;
@ -204,7 +204,7 @@
.button { .button {
height: 36px; height: 36px;
padding: 0 16px; padding: 0 16px;
margin-right: 10px; margin-inline-end: 10px;
font-size: 14px; font-size: 14px;
} }
} }
@ -240,7 +240,7 @@
line-height: inherit; line-height: inherit;
color: $action-button-color; color: $action-button-color;
border-color: $action-button-color; border-color: $action-button-color;
margin-right: 5px; margin-inline-end: 5px;
} }
li { li {
@ -250,7 +250,7 @@
.poll__option { .poll__option {
flex: 0 0 auto; flex: 0 0 auto;
width: calc(100% - (23px + 6px)); width: calc(100% - (23px + 6px));
margin-right: 6px; margin-inline-end: 6px;
} }
} }

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

@ -132,43 +132,6 @@ body.rtl {
margin-right: 8px; margin-right: 8px;
} }
.status__avatar {
left: auto;
right: 10px;
}
.status,
.activity-stream .status.light {
padding-left: 10px;
padding-right: 68px;
}
.status__info .status__display-name,
.activity-stream .status.light .status__display-name {
padding-left: 25px;
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__header__tabs__buttons > .icon-button { .account__header__tabs__buttons > .icon-button {
margin-right: 0; margin-right: 0;
margin-left: 8px; margin-left: 8px;
@ -184,12 +147,6 @@ body.rtl {
left: 0; left: 0;
} }
.status__relative-time,
.status__visibility-icon,
.activity-stream .status.light .status__header .status__meta {
float: left;
}
.status__action-bar { .status__action-bar {
&__counter { &__counter {
margin-right: 0; margin-right: 0;
@ -202,16 +159,6 @@ body.rtl {
} }
} }
.status__action-bar-button {
float: right;
margin-right: 0;
margin-left: 18px;
}
.status__action-bar-dropdown {
float: right;
}
.privacy-dropdown__dropdown { .privacy-dropdown__dropdown {
margin-left: 0; margin-left: 0;
margin-right: 40px; margin-right: 40px;
@ -230,7 +177,6 @@ body.rtl {
.detailed-status__display-avatar { .detailed-status__display-avatar {
margin-right: 0; margin-right: 0;
margin-left: 10px; margin-left: 10px;
float: right;
} }
.picture-in-picture__header__account .account__avatar { .picture-in-picture__header__account .account__avatar {