Skip to content

Commit

Permalink
[Glitch] Fix review history and action modal styling
Browse files Browse the repository at this point in the history
Port a269ff9 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
  • Loading branch information
vmstan authored and ClearlyClaire committed Sep 12, 2024
1 parent afd3953 commit 9b1ecf7
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 40 deletions.
19 changes: 6 additions & 13 deletions app/javascript/flavours/glitch/styles/components.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6812,19 +6812,12 @@ a.status-card {
position: relative;
flex-direction: column;

.status__relative-time {
order: 2;
}

.status__content__spoiler-link {
color: lighten($secondary-text-color, 8%);
@media screen and (max-width: $no-columns-breakpoint) {
border-bottom: 0;
border-radius: 4px 4px 0 0;
}
}

.boost-modal .status-direct {
background-color: inherit;
}

.boost-modal__container {
overflow-y: auto;
padding: 10px;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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 {
Expand All @@ -7324,7 +7317,7 @@ a.status-card {
}

.status__content {
color: $inverted-text-color;
color: $secondary-text-color;
font-size: 19px;
line-height: 24px;

Expand Down
27 changes: 0 additions & 27 deletions app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down

0 comments on commit 9b1ecf7

Please sign in to comment.