mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-15 10:38:19 +00:00
feat: update Echo badges styles to be inline with other header icons
This commit is contained in:
parent
ac2ed38183
commit
4ea6315af6
|
@ -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 );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue