teh/mastodon
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 10

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 a3f176423f
commit 4894deca7e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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;
width: 18px;
height: 18px;
margin-right: 10px;
margin-inline-end: 10px;
top: -1px;
border-radius: 50%;
vertical-align: middle;
@ -204,7 +204,7 @@
.button {
height: 36px;
padding: 0 16px;
margin-right: 10px;
margin-inline-end: 10px;
font-size: 14px;
}
}
@ -240,7 +240,7 @@
line-height: inherit;
color: $action-button-color;
border-color: $action-button-color;
margin-right: 5px;
margin-inline-end: 5px;
}
li {
@ -250,7 +250,7 @@
.poll__option {
flex: 0 0 auto;
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;
}
.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 {
margin-right: 0;
margin-left: 8px;
@ -184,12 +147,6 @@ body.rtl {
left: 0;
}
.status__relative-time,
.status__visibility-icon,
.activity-stream .status.light .status__header .status__meta {
float: left;
}
.status__action-bar {
&__counter {
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 {
margin-left: 0;
margin-right: 40px;
@ -230,7 +177,6 @@ body.rtl {
.detailed-status__display-avatar {
margin-right: 0;
margin-left: 10px;
float: right;
}
.picture-in-picture__header__account .account__avatar {