Fix review history and action modal styling (#31864)
This commit is contained in:
parent
207c073bf8
commit
a269ff9253
@ -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 {
|
||||
|
@ -6362,6 +6362,11 @@ a.status-card {
|
||||
width: 480px;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
|
||||
@media screen and (max-width: $no-columns-breakpoint) {
|
||||
border-bottom: 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.boost-modal__container {
|
||||
@ -6759,7 +6764,7 @@ a.status-card {
|
||||
|
||||
li:not(:empty) {
|
||||
a {
|
||||
color: $inverted-text-color;
|
||||
color: $primary-text-color;
|
||||
display: flex;
|
||||
padding: 12px 16px;
|
||||
font-size: 15px;
|
||||
@ -6839,7 +6844,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 {
|
||||
@ -6849,7 +6854,7 @@ a.status-card {
|
||||
}
|
||||
|
||||
.status__content {
|
||||
color: $inverted-text-color;
|
||||
color: $secondary-text-color;
|
||||
font-size: 19px;
|
||||
line-height: 24px;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user