treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix styling regressions from RTL layout refactor (#24415)

lolsob-rspec
Claire 2023-04-04 16:48:34 +02:00 committed by GitHub
parent 53376db94c
commit 0679fcd2f1
6 changed files with 32 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/javascript/styles/mastodon/accounts.scss
View File

@ -138,7 +138,7 @@
} }
.older { .older {
float: inline-start; float: left;
padding-inline-start: 0; padding-inline-start: 0;
.fa { .fa {
@ -148,7 +148,7 @@
} }
.newer { .newer {
float: inline-end; float: right;
padding-inline-end: 0; padding-inline-end: 0;
.fa { .fa {

6
app/javascript/styles/mastodon/admin.scss
View File

@ -635,7 +635,7 @@ body,
.button { .button {
overflow: visible; overflow: visible;
margin: 0 0 5px 5px; margin: 0 0 5px 5px;
float: inline-end; float: right;
} }
} }
} }
@ -783,7 +783,7 @@ a.name-tag,
.speech-bubble { .speech-bubble {
margin-bottom: 20px; margin-bottom: 20px;
border-inset-inline-start: 4px solid $ui-highlight-color; border-inline-start: 4px solid $ui-highlight-color;
&.positive { &.positive {
border-left-color: $success-green; border-left-color: $success-green;
@ -1662,7 +1662,7 @@ a.sparkline {
} }
.section-skip-link { .section-skip-link {
float: inline-end; float: right;
a { a {
color: $ui-highlight-color; color: $ui-highlight-color;

24
app/javascript/styles/mastodon/components.scss
View File

@ -826,7 +826,7 @@ body > [data-popper-placement] {
} }
.reply-indicator__cancel { .reply-indicator__cancel {
float: inline-end; float: right;
line-height: 24px; line-height: 24px;
} }
@ -841,7 +841,7 @@ body > [data-popper-placement] {
} }
.reply-indicator__display-avatar { .reply-indicator__display-avatar {
float: inline-start; float: left;
margin-inline-end: 5px; margin-inline-end: 5px;
} }
@ -1159,7 +1159,7 @@ body > [data-popper-placement] {
.notification__relative_time { .notification__relative_time {
color: $dark-text-color; color: $dark-text-color;
float: inline-end; float: right;
font-size: 14px; font-size: 14px;
padding-bottom: 1px; padding-bottom: 1px;
} }
@ -1507,7 +1507,7 @@ body > [data-popper-placement] {
position: relative; position: relative;
& > div { & > div {
float: inline-start; float: left;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
} }
@ -1622,7 +1622,7 @@ a .account__avatar {
text-decoration: none; text-decoration: none;
overflow: hidden; overflow: hidden;
flex: 0 1 100%; flex: 0 1 100%;
border-inset-inline-end: 1px solid lighten($ui-base-color, 8%); border-inline-end: 1px solid lighten($ui-base-color, 8%);
padding: 10px 0; padding: 10px 0;
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
@ -1662,7 +1662,7 @@ a .account__avatar {
} }
.account-authorize__avatar { .account-authorize__avatar {
float: inline-start; float: left;
margin-inline-end: 10px; margin-inline-end: 10px;
} }
@ -2642,7 +2642,7 @@ $ui-header-height: 55px;
.navigation-panel { .navigation-panel {
margin: 0; margin: 0;
background: $ui-base-color; background: $ui-base-color;
border-inset-inline-start: 1px solid lighten($ui-base-color, 8%); border-inline-start: 1px solid lighten($ui-base-color, 8%);
height: 100vh; height: 100vh;
} }
@ -3879,7 +3879,7 @@ a.status-card.compact:hover {
} }
.column-header__setting-arrows { .column-header__setting-arrows {
float: inline-end; float: right;
.column-header__setting-btn { .column-header__setting-btn {
padding: 5px; padding: 5px;
@ -5753,7 +5753,7 @@ a.status-card.compact:hover {
.report-modal__comment { .report-modal__comment {
padding: 20px; padding: 20px;
border-inset-inline-end: 1px solid $ui-secondary-color; border-inline-end: 1px solid $ui-secondary-color;
max-width: 320px; max-width: 320px;
p { p {
@ -6044,7 +6044,7 @@ a.status-card.compact:hover {
color: $dark-text-color; color: $dark-text-color;
padding: 8px 18px; padding: 8px 18px;
cursor: default; cursor: default;
border-inset-inline-end: 1px solid lighten($ui-base-color, 8%); border-inline-end: 1px solid lighten($ui-base-color, 8%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -6109,7 +6109,7 @@ a.status-card.compact:hover {
border: 0; border: 0;
box-sizing: border-box; box-sizing: border-box;
display: block; display: block;
float: inline-start; float: left;
position: relative; position: relative;
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
@ -7930,7 +7930,7 @@ noscript {
inset-inline-start: 0; inset-inline-start: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-inset-inline-start: 4px solid $highlight-text-color; border-inline-start: 4px solid $highlight-text-color;
pointer-events: none; pointer-events: none;
} }
} }

2
app/javascript/styles/mastodon/rich_text.scss
View File

@ -14,7 +14,7 @@
blockquote { blockquote {
padding-inline-start: 10px; padding-inline-start: 10px;
border-inset-inline-start: 3px solid $darker-text-color; border-inline-start: 3px solid $darker-text-color;
color: $darker-text-color; color: $darker-text-color;
white-space: normal; white-space: normal;

12
app/javascript/styles/mastodon/rtl.scss
View File

@ -19,10 +19,22 @@ body.rtl {
direction: rtl; direction: rtl;
} }
.account__avatar-wrapper {
float: right;
}
.column-header__setting-arrows {
float: left;
}
.admin-wrapper { .admin-wrapper {
direction: rtl; direction: rtl;
} }
.react-swipeable-view-container > * {
direction: rtl;
}
.simple_form .label_input__append { .simple_form .label_input__append {
&::after { &::after {
background-image: linear-gradient( background-image: linear-gradient(

4
app/javascript/styles/mastodon/tables.scss
View File

@ -91,12 +91,12 @@
&:first-child { &:first-child {
border-radius: 4px 0 0; border-radius: 4px 0 0;
border-inset-inline-start: 1px solid darken($ui-base-color, 8%); border-inline-start: 1px solid darken($ui-base-color, 8%);
} }
&:last-child { &:last-child {
border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;
border-inset-inline-end: 1px solid darken($ui-base-color, 8%); border-inline-end: 1px solid darken($ui-base-color, 8%);
} }
} }
} }