fedi/mastodon
1
0
Fork 1
mirror of https://github.com/mastodon/mastodon.git synced 2024-12-18 15:48:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix alt text modal styling (#31844)

Browse source
This commit is contained in:
Michael Stanclift 2024-09-10 12:33:55 -05:00 committed by GitHub
parent 0c3c06f7cc
commit e09f9f885e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/javascript/styles/mastodon-light/diff.scss
View file

@ -159,8 +159,8 @@
.error-modal, .error-modal,
.onboarding-modal, .onboarding-modal,
.compare-history-modal, .compare-history-modal,
.report-modal__comment .setting-text__wrapper, .report-modal__comment,
.report-modal__comment .setting-text, .report-modal__comment,
.announcements, .announcements,
.picture-in-picture__header, .picture-in-picture__header,
.picture-in-picture__footer, .picture-in-picture__footer,
@ -169,6 +169,11 @@
border: 1px solid var(--background-border-color); 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 {
@ -198,14 +203,6 @@
color: $white; color: $white;
} }
.report-modal__comment {
border-right-color: lighten($ui-base-color, 8%);
}
.report-modal__container {
border-top-color: lighten($ui-base-color, 8%);
}
.column-settings__hashtags .column-select__option { .column-settings__hashtags .column-select__option {
color: $white; color: $white;
} }

16
app/javascript/styles/mastodon/components.scss
View file

@ -3911,7 +3911,7 @@ $ui-header-logo-wordmark-width: 99px;
&__wrapper { &__wrapper {
background: $white; background: $white;
border: 1px solid $ui-secondary-color; border: 1px solid var(--background-border-color);
margin-bottom: 10px; margin-bottom: 10px;
border-radius: 4px; border-radius: 4px;
@ -6298,9 +6298,10 @@ a.status-card {
.report-modal, .report-modal,
.actions-modal, .actions-modal,
.compare-history-modal { .compare-history-modal {
background: lighten($ui-secondary-color, 8%); background: var(--background-color);
color: $inverted-text-color; color: $primary-text-color;
border-radius: 8px; border-radius: 4px;
border: 1px solid var(--background-border-color);
overflow: hidden; overflow: hidden;
max-width: 90vw; max-width: 90vw;
width: 480px; width: 480px;
@ -6344,6 +6345,7 @@ a.status-card {
.report-modal { .report-modal {
width: 90vw; width: 90vw;
max-width: 700px; max-width: 700px;
border: 1px solid var(--background-border-color);
} }
.report-dialog-modal { .report-dialog-modal {
@ -6567,7 +6569,7 @@ a.status-card {
.report-modal__container { .report-modal__container {
display: flex; display: flex;
border-top: 1px solid $ui-secondary-color; border-top: 1px solid var(--background-border-color);
@media screen and (width <= 480px) { @media screen and (width <= 480px) {
flex-wrap: wrap; flex-wrap: wrap;
@ -6625,7 +6627,7 @@ a.status-card {
.report-modal__comment { .report-modal__comment {
padding: 20px; padding: 20px;
border-inline-end: 1px solid $ui-secondary-color; border-inline-end: 1px solid var(--background-border-color);
max-width: 320px; max-width: 320px;
p { p {
@ -6636,7 +6638,7 @@ a.status-card {
.setting-text-label { .setting-text-label {
display: block; display: block;
color: $inverted-text-color; color: $secondary-text-color;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
margin-bottom: 10px; margin-bottom: 10px;