mirror/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon synced 2024-11-23 22:56:20 +09:00
Code

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,
.onboarding-modal,
.compare-history-modal,
.report-modal__comment .setting-text__wrapper,
.report-modal__comment .setting-text,
.report-modal__comment,
.report-modal__comment,
.announcements,
.picture-in-picture__header,
.picture-in-picture__footer,
@ -169,6 +169,11 @@
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 {
@ -198,14 +203,6 @@
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 {
color: $white;
}

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

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