feat: update Echo badges styles to be inline with other header icons

This commit is contained in:
alistair3149 2021-05-10 12:11:47 -04:00
parent ac2ed38183
commit 4ea6315af6
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C

View file

@ -9,6 +9,10 @@
#pt-notifications { #pt-notifications {
&-alert, &-alert,
&-notice { &-notice {
position: relative;
margin: var( --margin-header-item ) 0;
border-radius: @border-radius-small;
.mw-echo-notifications-badge { .mw-echo-notifications-badge {
top: 0; top: 0;
width: var( --width-button-base ); width: var( --width-button-base );
@ -38,6 +42,10 @@
opacity: var( --opacity-base--disabled ); opacity: var( --opacity-base--disabled );
} }
} }
&:active {
background-color: var( --background-color-quiet--active ) !important;
}
} }
// Rotate bell // Rotate bell
@ -62,3 +70,14 @@
} }
} }
} }
@media screen and ( hover: hover ) {
#pt-notifications {
&-alert,
&-notice {
&:hover {
background-color: var( --background-color-quiet--hover );
}
}
}
}