Fix sticky header language button
- Fixes blank sticky header language button when no languages are present - Adds arrow to sticky header language button Bug: T289815 Change-Id: I36dc5fb0aad9c3ca1fced0d46e5167e8707f6731
This commit is contained in:
parent
9afae1fcaf
commit
809a972676
|
@ -325,7 +325,7 @@ class SkinVector extends SkinMustache {
|
||||||
*/
|
*/
|
||||||
private function getStickyHeaderData() {
|
private function getStickyHeaderData() {
|
||||||
return [
|
return [
|
||||||
'data-primary-action' => !$this->shouldHideLanguages() ? $this->getULSButtonData() : '',
|
'data-primary-action' => !$this->shouldHideLanguages() ? $this->getULSButtonData() : null,
|
||||||
'data-button-start' => [
|
'data-button-start' => [
|
||||||
'href' => '#p-search',
|
'href' => '#p-search',
|
||||||
'label' => $this->msg( 'search' ),
|
'label' => $this->msg( 'search' ),
|
||||||
|
|
|
@ -68,3 +68,24 @@
|
||||||
#p-lang-btn.mw-portlet-empty {
|
#p-lang-btn.mw-portlet-empty {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#p-lang-btn-sticky-header {
|
||||||
|
@button-padding: 12px;
|
||||||
|
@arrow-width: 18px;
|
||||||
|
position: relative;
|
||||||
|
padding-right: calc( @button-padding + @arrow-width );
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
background-image: url( ../common/images/arrow-down.svg );
|
||||||
|
background-position: 100% 50%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: @button-padding;
|
||||||
|
bottom: 0;
|
||||||
|
width: @arrow-width;
|
||||||
|
// Modify the color of the image from the default #202122 to approx. #404244 to match the text.
|
||||||
|
opacity: 0.84;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue