monorail
/
mastodon
1
0
Fork 0
Code Issues Pull Requests 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>
This commit is contained in:
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;
flex-direction: column;
.status__relative-time {
order: 2;
@media screen and (max-width: $no-columns-breakpoint) {
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 {
@ -7221,7 +7214,7 @@ a.status-card {
li:not(:empty) {
a {
color: $inverted-text-color;
color: $primary-text-color;
display: flex;
padding: 12px 16px;
font-size: 15px;
@ -7314,7 +7307,7 @@ a.status-card {
.compare-history-modal {
.report-modal__target {
border-bottom: 1px solid $ui-secondary-color;
border-bottom: 1px solid var(--background-border-color);
}
&__container {
@ -7324,7 +7317,7 @@ a.status-card {
}
.status__content {
color: $inverted-text-color;
color: $secondary-text-color;
font-size: 19px;
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%);
}
// 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:focus,
.reactions-bar__item:active {