wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-28 09:30:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Use opacity for a WikimediaUI aligned transition on opening menu"

Browse source
This commit is contained in:
jenkins-bot 2019-01-10 07:04:38 +00:00 committed by Gerrit Code Review
parent 20cbac1f5b 85cce3dcaa
commit b4355e039f
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
components/tabs.less
View file

@ -1,3 +1,5 @@
@import 'mediawiki.mixins';
/**
* Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
*/
@ -149,19 +151,23 @@
padding: 0;
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
text-align: left;
display: none;
opacity: 0;
visibility: hidden;
.transition( opacity 100ms );
// Menus must overlap indicators (z-index: 1) and VisualEditor toolbar (z-index: 2)
z-index: 2;
}
&:hover .menu {
display: block;
opacity: 1;
visibility: visible;
}
// This is in a separate block, so that browsers supporting :hover but not :checked still apply the rule above
// Support: IE8
.vectorMenuCheckbox:checked ~ .menu {
display: block;
opacity: 1;
visibility: visible;
}
// FIXME: `.vectorMenu ul` can be removed with purged HTML cache