mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-28 01:30:15 +00:00
f0875de9f3
Looks like we're hitting an edge case where positioning with negative offsets inside an inline-block element results in incorrect rendering. We're accidentally rendering an invisible overlay over nearly the entire page. Twiddle the styles until we no longer hit that case. Minimal example of the IE 11 bug: https://jsfiddle.net/50v6m0kb/3/ Bug: T161869 Change-Id: Id4b6ccc1ec6a11b455d6ab45c5aaa0e8544385f7
37 lines
773 B
Plaintext
37 lines
773 B
Plaintext
@import '../echo.variables';
|
|
|
|
/* We have to include the #pt-notifications selector due to monobook */
|
|
.mw-echo-notifications-badge {
|
|
#pt-notifications-notice &,
|
|
#pt-notifications-alert & {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
top: -@badge-offscreen-offset - 1px;
|
|
|
|
&:before {
|
|
background-size: 16px 16px;
|
|
}
|
|
|
|
&:after {
|
|
top: @badge-offscreen-offset + 3px;
|
|
}
|
|
}
|
|
|
|
&.oo-ui-flaggedElement-unseen,
|
|
&.mw-echo-unseen-notifications {
|
|
#pt-notifications-alert &:after {
|
|
background-color: @badge-counter-background-unseen-alert;
|
|
}
|
|
|
|
#pt-notifications-notice &:after {
|
|
background-color: @badge-counter-background-unseen-message;
|
|
}
|
|
}
|
|
}
|
|
|
|
#p-personal #pt-notifications-alert,
|
|
#p-personal #pt-notifications-notice {
|
|
margin-right: 0.2em;
|
|
}
|