mirror of https://github.com/mastodon/mastodon.git
Change filtered notifications banner to align with grouped notifications
parent
ac5223e754
commit
8d14d6bbff
|
@ -35,7 +35,9 @@ export const FilteredNotificationsBanner: React.FC = () => {
|
||||||
className='filtered-notifications-banner'
|
className='filtered-notifications-banner'
|
||||||
to='/notifications/requests'
|
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'>
|
<div className='filtered-notifications-banner__text'>
|
||||||
<strong>
|
<strong>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue