Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Fix background and icon on notification requests in web UI (#29706)

Browse source
This commit is contained in:
Eugen Rochko 2024-03-25 14:39:06 +01:00 • committed by GitHub
parent 29f9dc742e
commit 0cea7a623b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 27 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10005,10 +10005,10 @@ noscript {
.filtered-notifications-banner {
display: flex;
align-items: center;
background: $ui-base-color;
border-bottom: 1px solid lighten($ui-base-color, 8%);
padding: 15px;
gap: 15px;
border: 1px solid var(--background-border-color);
border-top: 0;
padding: 24px 32px;
gap: 16px;
color: $darker-text-color;
text-decoration: none;
@ -10016,15 +10016,12 @@ noscript {
&:active,
&:focus {
color: $secondary-text-color;
.filtered-notifications-banner__badge {
background: $secondary-text-color;
}
}
.icon {
width: 24px;
height: 24px;
padding: 2px;
}
&__text {
@ -10040,13 +10037,24 @@ noscript {
}
&__badge {
background: $darker-text-color;
color: $ui-base-color;
border-radius: 100px;
padding: 2px 8px;
display: flex;
align-items: center;
border-radius: 999px;
background: var(--background-border-color);
color: $darker-text-color;
padding: 4px;
padding-inline-end: 8px;
gap: 6px;
font-weight: 500;
font-size: 11px;
line-height: 16px;
&__badge {
background: $ui-button-background-color;
color: $white;
border-radius: 100px;
padding: 2px 8px;
}
}
}
@ -10055,7 +10063,7 @@ noscript {
align-items: center;
gap: 16px;
padding: 15px;
border-bottom: 1px solid lighten($ui-base-color, 8%);
border-bottom: 1px solid var(--background-border-color);
&__link {
display: flex;
@ -10103,7 +10111,7 @@ noscript {
.icon-button {
border-radius: 4px;
border: 1px solid lighten($ui-base-color, 8%);
border: 1px solid var(--background-border-color);
padding: 5px;
}
}