Drop text indent in modern Vector

In the new version of Vector the personal tools text is aligned right
rather than left. The text-indent is redundunt.

A background-position and center directive are added in preparation for
future changes we plan to the personal tools to make this code more
resilient.

Depends-On: Ic9df8c1cea0fef82461a84190689791ce2275812
Bug: T264339
Change-Id: I6bc80c8a42425599102370e5d90b48c07d360ccb
This commit is contained in:
jdlrobson 2020-10-09 07:54:43 -07:00 committed by Jdlrobson
parent 3a564bd154
commit 150fc7a16c

View file

@ -11,10 +11,9 @@
width: 20px;
height: 20px;
margin: 0 2px;
// Hide the text, but keep accessible for screen-readers
// Later we put the counter back onscreen with a zero text-indent
background-repeat: no-repeat;
background-position: center center;
top: -5px;
text-indent: -9999px;
border-radius: @border-radius-base;
cursor: pointer;
text-decoration: none;
@ -89,4 +88,14 @@
}
}
}
/* monobook (will be unnecessary when T248751 is resolved) */
.skin-monobook #pt-notifications-alert .mw-echo-notifications-badge,
.skin-monobook #pt-notifications-notice .mw-echo-notifications-badge,
/* vector */
.skin-vector-legacy .mw-echo-notifications-badge {
// Hide the text, but keep accessible for screen-readers
// Later we put the counter back onscreen with a zero text-indent
text-indent: -9999px;
}
/* stylelint-enable no-descending-specificity */