wikimedia/mediawiki-extensions-Echo
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo synced 2024-11-24 07:54:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

mw.echo.badge: Use 'color: transparent' rather than 'font-size: 0' to hide text

Browse source 
It's a lot easier to set 'color' back to the desired value than 'font-size'.

As an amusing side-effect, the hidden text will appear when selected, and
it will be possible to copy it.

Change-Id: I7a7ef8e60f514743c9cb65bcef3ba4e869f5b7b7
This commit is contained in:
Bartosz Dziewoński 2016-08-05 21:34:06 +02:00 committed by Mooeypoo
parent 3656c74fd1
commit de795bdbc5
1 changed files with 3 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
modules/nojs/mw.echo.badge.less
View file

@ -10,9 +10,10 @@
width: 30px;
height: 24px;
top: -5px;
font-size: 0;
cursor: pointer;
text-decoration: none;
// Hide the text, but keep accessible for screen-readers
color: transparent;
&:hover,
&:active,
@ -46,15 +47,7 @@
cursor: pointer;
top: 10px;
left: 40%;
// The original font-size was 12px, we had
// to override it in the parent so the original
// number is hidden, so we rewrite it here. This
// is far from perfect, but it will make sure
// that screen-readers can still see the number that
// is outputted in the original <a> link while letting
// us style the boxed number the way we want to.
// We want 0.8em of the original 12px font size
font-size: 12px * 0.8;
font-size: 0.8em;
font-weight: bold;
padding: 0 0.3em;
border: 1px solid white;