Make ULS in header quiet progressive button
Bug: T291286 Change-Id: Id1e056330606b87bafb8f43e7ff28d96290465b4
This commit is contained in:
parent
ac917532fa
commit
b79290f5c9
|
@ -17,6 +17,6 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"resourceModule": "skins.vector.icons",
|
"resourceModule": "skins.vector.icons",
|
||||||
"maxSize": "500 B"
|
"maxSize": "1 kB"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
|
@ -649,10 +649,10 @@ class SkinVector extends SkinMustache {
|
||||||
'aria-label' => $this->getULSLabel( 'vector-language-button-aria-label' ),
|
'aria-label' => $this->getULSLabel( 'vector-language-button-aria-label' ),
|
||||||
// ext.uls.interface attaches click handler to this selector.
|
// ext.uls.interface attaches click handler to this selector.
|
||||||
'checkbox-class' => ' mw-interlanguage-selector ',
|
'checkbox-class' => ' mw-interlanguage-selector ',
|
||||||
'html-vector-heading-icon' => Hooks::makeIcon( 'wikimedia-language' ),
|
'html-vector-heading-icon' => Hooks::makeIcon( 'wikimedia-language-progressive' ),
|
||||||
'heading-class' =>
|
'heading-class' =>
|
||||||
' vector-menu-heading ' .
|
' vector-menu-heading ' .
|
||||||
' mw-ui-button mw-ui-quiet'
|
' mw-ui-button mw-ui-quiet mw-ui-progressive'
|
||||||
];
|
];
|
||||||
|
|
||||||
// Adds class to hide language button
|
// Adds class to hide language button
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
|
||||||
|
<path fill="#ffffff" d="m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 223 B |
|
@ -0,0 +1,4 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
|
||||||
|
<path fill="#36c" d="m11.05 3.996-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 220 B |
|
@ -34,6 +34,32 @@
|
||||||
&:after {
|
&:after {
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// T291286: Temporarily use progressive ULS style
|
||||||
|
&.mw-ui-progressive.mw-ui-quiet {
|
||||||
|
.mw-ui-icon:before {
|
||||||
|
// Ensure inverted language icon is white
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
// Invert arrow color
|
||||||
|
background-image: url( ../common/images/arrow-down-progressive.svg );
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input:active + .vector-menu-heading {
|
||||||
|
&.mw-ui-progressive.mw-ui-quiet {
|
||||||
|
.mw-ui-icon {
|
||||||
|
filter: brightness( 0 ) invert( 1 );
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
background-image: url( ../common/images/arrow-down-invert.svg );
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.vector-menu-content {
|
.vector-menu-content {
|
||||||
|
|
|
@ -183,7 +183,12 @@
|
||||||
"useDataURI": false,
|
"useDataURI": false,
|
||||||
"defaultColor": "#000",
|
"defaultColor": "#000",
|
||||||
"class": "ResourceLoaderOOUIIconPackModule",
|
"class": "ResourceLoaderOOUIIconPackModule",
|
||||||
"variants": [],
|
"variants": {
|
||||||
|
"progressive": {
|
||||||
|
"color": "#36c",
|
||||||
|
"global": true
|
||||||
|
}
|
||||||
|
},
|
||||||
"icons": [
|
"icons": [
|
||||||
"language",
|
"language",
|
||||||
"ellipsis",
|
"ellipsis",
|
||||||
|
|
Loading…
Reference in New Issue