mediawiki-extensions-Echo/modules/nojs/mw.echo.badge.vector.less
bwang a64b97a620 Override opacity styles for all read badges for vector user links
- Addresses this issue https://phabricator.wikimedia.org/T285259#7231489

Bug: T285259
Change-Id: I58345c84efa129aae56c5ae1be3bcf5117589647
2021-07-23 14:47:14 +00:00

46 lines
894 B
Plaintext

@import '../echo.variables.less';
#pt-notifications-notice .mw-echo-notifications-badge,
#pt-notifications-alert .mw-echo-notifications-badge {
top: -5px;
}
.vector-user-links {
#pt-notifications-alert,
#pt-notifications-notice {
margin: 0;
// Override OOUI icon styles to match core icons
.mw-echo-notifications-badge {
top: 0;
margin: 0;
background-repeat: no-repeat;
background-position: center;
width: 44px;
height: 44px;
opacity: 1;
&:hover {
background-color: rgba( 0, 0, 0, 0.03 );
border-radius: 2px;
}
// Adjust badge and counter styles when counter is present
&:not( .mw-echo-notifications-badge-all-read ) {
background-position: 35% 50%;
width: 51px;
&:after {
left: 22px;
top: 19px;
}
}
}
}
}
#p-personal #pt-notifications-alert,
#p-personal #pt-notifications-notice {
margin-right: 0.4em;
}