Fix review history and action modal styling (#31864)

This commit is contained in:
Michael Stanclift 2024-09-12 09:18:43 -05:00 committed by GitHub
parent 207c073bf8
commit a269ff9253
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 30 deletions

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 {

View File

@ -6362,6 +6362,11 @@ a.status-card {
width: 480px; width: 480px;
position: relative; position: relative;
flex-direction: column; flex-direction: column;
@media screen and (max-width: $no-columns-breakpoint) {
border-bottom: 0;
border-radius: 4px 4px 0 0;
}
} }
.boost-modal__container { .boost-modal__container {
@ -6759,7 +6764,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;
@ -6839,7 +6844,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 {
@ -6849,7 +6854,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;