mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Fix review history and action modal styling 

Port a269ff9253 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
pull/2843/head
Michael Stanclift 2024-09-12 09:18:43 -05:00 committed by Claire
parent afd3953cdd
commit 9b1ecf7aee
2 changed files with 6 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/javascript/flavours/glitch/styles/components.scss
View File

@ -6812,17 +6812,10 @@ a.status-card {
position: relative; position: relative;
flex-direction: column; flex-direction: column;
.status__relative-time { @media screen and (max-width: $no-columns-breakpoint) {
order: 2; border-bottom: 0;
border-radius: 4px 4px 0 0;
} }
.status__content__spoiler-link {
color: lighten($secondary-text-color, 8%);
}
}
.boost-modal .status-direct {
background-color: inherit;
} }
.boost-modal__container { .boost-modal__container {
@ -7221,7 +7214,7 @@ a.status-card {
li:not(:empty) { li:not(:empty) {
a { a {
color: $inverted-text-color; color: $primary-text-color;
display: flex; display: flex;
padding: 12px 16px; padding: 12px 16px;
font-size: 15px; font-size: 15px;
@ -7314,7 +7307,7 @@ a.status-card {
.compare-history-modal { .compare-history-modal {
.report-modal__target { .report-modal__target {
border-bottom: 1px solid $ui-secondary-color; border-bottom: 1px solid var(--background-border-color);
} }
&__container { &__container {
@ -7324,7 +7317,7 @@ a.status-card {
} }
.status__content { .status__content {
color: $inverted-text-color; color: $secondary-text-color;
font-size: 19px; font-size: 19px;
line-height: 24px; line-height: 24px;

27
app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
View File

@ -147,33 +147,6 @@
border-top-color: lighten($ui-base-color, 4%); border-top-color: lighten($ui-base-color, 4%);
} }
// Change the background colors of modals
.actions-modal,
.boost-modal,
.confirmation-modal,
.mute-modal,
.block-modal,
.report-modal,
.report-dialog-modal,
.embed-modal,
.error-modal,
.onboarding-modal,
.compare-history-modal,
.report-modal__comment,
.report-modal__comment,
.announcements,
.picture-in-picture__header,
.picture-in-picture__footer,
.reactions-bar__item {
background: $white;
border: 1px solid var(--background-border-color);
}
.setting-text__wrapper,
.setting-text {
border: 1px solid var(--background-border-color);
}
.reactions-bar__item:hover, .reactions-bar__item:hover,
.reactions-bar__item:focus, .reactions-bar__item:focus,
.reactions-bar__item:active { .reactions-bar__item:active {