2015-11-04 14:47:48 +00:00
|
|
|
@import '../echo.variables';
|
|
|
|
|
|
|
|
/* We have to include the #pt-notifications selector due to monobook */
|
|
|
|
.mw-echo-notifications-badge {
|
2016-08-02 23:41:33 +00:00
|
|
|
#pt-notifications-notice &,
|
|
|
|
#pt-notifications-alert & {
|
2016-08-06 01:01:48 +00:00
|
|
|
width: 16px;
|
2016-08-05 19:22:03 +00:00
|
|
|
height: 16px;
|
2016-08-19 21:33:48 +00:00
|
|
|
top: -1px;
|
2016-08-02 23:41:33 +00:00
|
|
|
|
|
|
|
&:before {
|
|
|
|
background-size: 16px 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:after {
|
2016-08-19 21:33:48 +00:00
|
|
|
top: 3px;
|
2016-08-02 23:41:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-07-20 00:24:17 +00:00
|
|
|
&.oo-ui-flaggedElement-unseen,
|
|
|
|
&.mw-echo-unseen-notifications {
|
|
|
|
#pt-notifications-alert &:after {
|
|
|
|
background-color: @badge-counter-background-unseen-alert;
|
2015-11-04 14:47:48 +00:00
|
|
|
}
|
|
|
|
|
2016-07-20 00:24:17 +00:00
|
|
|
#pt-notifications-notice &:after {
|
|
|
|
background-color: @badge-counter-background-unseen-message;
|
2015-11-04 14:47:48 +00:00
|
|
|
}
|
|
|
|
}
|
2016-07-20 00:24:17 +00:00
|
|
|
}
|
2015-11-04 14:47:48 +00:00
|
|
|
|
2016-07-20 00:24:17 +00:00
|
|
|
#p-personal #pt-notifications-alert,
|
|
|
|
#p-personal #pt-notifications-notice {
|
|
|
|
display: inline-block;
|
2016-08-12 23:19:36 +00:00
|
|
|
margin-right: 0.2em;
|
2015-11-04 14:47:48 +00:00
|
|
|
}
|