mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-24 07:54:13 +00:00
d3653c649a
A positive text-indent causes horizontal scrollbars, so just hide the screenreader text by making it transparent, and accept that we're going to have the hover tooltip issue (T161302) in Monobook. Bug: T226594 Change-Id: I6cb9ec146c2b469cbfb1fdc57937794d237e46db
27 lines
699 B
Plaintext
27 lines
699 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;
|
|
background-size: 16px 16px;
|
|
top: -1px;
|
|
// HACK: text-indent: -9999px doesn't work with display: inline-block, and using a
|
|
// positive text-indent causes scrollbars (T226594). Hide the text by making it
|
|
// transparent, and accept that this will cause some tooltip weirdness (T161302).
|
|
color: transparent;
|
|
|
|
&:after {
|
|
top: 3px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#p-personal #pt-notifications-alert,
|
|
#p-personal #pt-notifications-notice {
|
|
margin-right: 0.2em;
|
|
}
|