mirrors
/
mastodon
mirror of https://github.com/mastodon/mastodon.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Change filtered notifications banner to align with grouped notifications

Eugen Rochko 2024-06-12 12:32:24 +02:00 committed by Renaud Chaput
parent 70982cd513
commit f0315bdd08
No known key found for this signature in database
GPG Key ID: BCFC859D49B46990
2 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/mastodon/features/notifications/components/filtered_notifications_banner.tsx
View File

@ -35,7 +35,9 @@ export const FilteredNotificationsBanner: React.FC = () => {
className='filtered-notifications-banner' className='filtered-notifications-banner'
to='/notifications/requests' to='/notifications/requests'
> >
<div className='notification-group__icon'>
<Icon icon={InventoryIcon} id='filtered-notifications' /> <Icon icon={InventoryIcon} id='filtered-notifications' />
</div>
<div className='filtered-notifications-banner__text'> <div className='filtered-notifications-banner__text'>
<strong> <strong>

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

@ -10184,8 +10184,8 @@ noscript {
align-items: center; align-items: center;
border: 1px solid var(--background-border-color); border: 1px solid var(--background-border-color);
border-top: 0; border-top: 0;
padding: 24px 32px; padding: 16px;
gap: 16px; gap: 8px;
color: $darker-text-color; color: $darker-text-color;
text-decoration: none; text-decoration: none;
@ -10195,10 +10195,8 @@ noscript {
color: $secondary-text-color; color: $secondary-text-color;
} }
.icon { .notification-group__icon {
width: 24px; color: inherit;
height: 24px;
padding: 2px;
} }
&__text { &__text {
@ -10349,7 +10347,7 @@ noscript {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex: 0 0 auto; flex: 0 0 auto;
color: $highlight-text-color; color: $dark-text-color;
.icon { .icon {
width: 28px; width: 28px;
@ -10357,6 +10355,11 @@ noscript {
} }
} }
&__follow &__icon,
&__follow-request &__icon {
color: $highlight-text-color;
}
&--favourite &__icon { &--favourite &__icon {
color: $gold-star; color: $gold-star;
} }