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

4
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'
to='/notifications/requests'
>
<Icon icon={InventoryIcon} id='filtered-notifications' />
<div className='notification-group__icon'>
<Icon icon={InventoryIcon} id='filtered-notifications' />
</div>
<div className='filtered-notifications-banner__text'>
<strong>

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

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