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:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user