fix: fix hidden Echo badges

This commit is contained in:
alistair3149 2021-01-13 12:21:01 -05:00
parent ae37aac29a
commit 94bb5f015f
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C

View file

@ -10,24 +10,19 @@
&-alert,
&-notice {
.mw-echo-notifications-badge {
top: -1000px; // Default was -1005px for some reason
top: 0;
width: @icon-box-size + @icon-padding;
height: @header-height;
margin: 0;
background-repeat: no-repeat;
background-position: center;
opacity: 0.4;
transition: @transition-opacity-quick, @transition-transform-quick;
&:hover,
&:focus,
&:active {
&:before {
opacity: 0.6 !important; // override all styles
}
}
// Icon tweaks
&:before {
background-position: center;
opacity: 0.4;
transition: @transition-opacity-quick, @transition-transform-quick;
opacity: 0.6 !important; // override all styles
}
// Badge tweaks
@ -37,7 +32,7 @@
}
&.mw-echo-notifications-badge-all-read {
opacity: 0.75; // 0.75 * 0.4 = 0.3
opacity: 0.3; // 0.75 * 0.4 = 0.3
}
}
}
@ -48,9 +43,7 @@
&:hover,
&:focus,
&:active {
&:before {
transform: rotateZ( 20deg );
}
transform: rotateZ( 20deg );
}
}
}