wikimedia/mediawiki-skins-MinervaNeue
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue synced 2024-09-24 10:48:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Icon background should disappear on touch devices after click

Browse source 
A simple fix. Extensive documentation!

Bug: T233046
Change-Id: I378943a663a8947c8a03f807974829c66236a7ff
This commit is contained in:
jdlrobson 2019-11-04 10:48:16 -08:00 committed by VolkerE
parent c2aca28052
commit b7aaf0c3d8
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
skinStyles/mediawiki.ui.icon/mediawiki.ui.icon.less
View file

@ -17,6 +17,9 @@
@import '../../minerva.less/minerva.variables.less';
@import 'mediawiki.mixins.less';
@icon-background-color--selected: rgba( 0, 0, 0, 0.03 );
/**
* Mixin for a pseudo-element with a background image.
*/
@ -110,8 +113,19 @@
color: transparent;
}
&:hover {
background-color: rgba( 0, 0, 0, 0.03 );
// Assume a mobile device - and avoid tap state remaining after click (T233046).
&:active {
background-color: @icon-background-color--selected;
}
}
// When the user's device primary input is capable of hover, like a mouse,
// use hover (T233046).
@media ( hover: hover ) {
.mw-ui-icon-element {
&:hover {
background-color: @icon-background-color--selected;
}
}
}