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