Decrease opacity and add :hover transition

Follow-up to https://github.com/wikimedia/jquery.uls/pull/335.

Change-Id: I83f2e8b0fd23a6a989b16009d2c138383320067f
This commit is contained in:
Volker E
2019-04-25 10:57:41 -07:00
committed by jenkins-bot
parent 4413f2643d
commit 78b30ddae7

View File

@@ -1,17 +1,28 @@
@import 'mediawiki.mixins'; @import 'mediawiki.mixins';
// All but `font-size` are WikimediaUI theme values and overwrite jquery.uls library.
// We need higher specificity due to loading order of LESS files and jQuery.ULS // We need higher specificity due to loading order of LESS files and jquery.uls.
.skin-vector { .skin-vector {
.uls-menu { .uls-menu {
border-color: #c8ccd1; border-color: #c8ccd1;
.box-shadow( 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ) ); // Overwrite lib/jquery.uls .box-shadow( 0 2px 2px 0 rgba( 0, 0, 0, 0.25 ) );
font-size: 0.875em; // not inherited from `.mw-body-content`, as we insert at `body` // Not inherited from `.mw-body-content`, as we insert at `body`.
font-size: 0.875em;
} }
.uls-search { .uls-search {
border-bottom-color: #c8ccd1; border-bottom-color: #c8ccd1;
} }
.uls-search-label {
opacity: 0.51;
.transition( opacity 250ms );
}
.uls-search-wrapper:hover .uls-search-label {
opacity: 0.87;
}
.uls-filtersuggestion { .uls-filtersuggestion {
color: #72777d; color: #72777d;
} }