mediawiki-skins-Vector/resources/skins.vector.styles/LanguageButton.less
jdlrobson 98e7bce753 Style the language button
For now the core button mixins are used. In the longer
term we should aim to leverage wvui.

Bug: T268241
Change-Id: I334af039567c52462bcb4c15f07242c6de8eeace
2021-02-04 23:02:48 +00:00

33 lines
695 B
Plaintext

@import 'mediawiki.ui/mixins.buttons.less';
// mw-body-header class can be removed when language button is the default.
// e.g. upon removal of SkinVector::isLanguagesInHeader
.mw-body-header .mw-portlet-lang {
.mw-ui-button-states();
h3 {
// In future this should use wvui
.mw-ui-button();
padding-right: 40px;
// make sure label is center aligned.
display: flex;
align-items: center;
&:after {
top: 0;
}
}
.vector-menu-content {
top: auto;
right: 0;
// align borders of open menu align with button
box-sizing: border-box;
}
.after-portlet {
// ensure there is a visual separation between the language links and additional links.
margin-top: 8px;
}
}