diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 0c09adec9a..4f922e5139 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -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; diff --git a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss index 850a67dd2c..2e5cb59398 100644 --- a/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss +++ b/app/javascript/flavours/glitch/styles/mastodon-light/diff.scss @@ -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 {