2021-02-01 22:56:31 +00:00
|
|
|
@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 {
|
2021-02-01 23:13:58 +00:00
|
|
|
.mw-ui-button-states();
|
|
|
|
|
2021-02-04 02:23:19 +00:00
|
|
|
.vector-menu-heading {
|
2021-02-05 02:14:21 +00:00
|
|
|
color: inherit;
|
2021-02-01 23:13:58 +00:00
|
|
|
// In future this should use wvui
|
|
|
|
.mw-ui-button();
|
2021-02-05 02:14:21 +00:00
|
|
|
padding-right: 30px;
|
2021-02-01 23:13:58 +00:00
|
|
|
// make sure label is center aligned.
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
top: 0;
|
|
|
|
}
|
2021-02-01 22:56:31 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.vector-menu-content {
|
|
|
|
top: auto;
|
|
|
|
right: 0;
|
2021-02-01 23:13:58 +00:00
|
|
|
// align borders of open menu align with button
|
2021-02-01 22:56:31 +00:00
|
|
|
box-sizing: border-box;
|
2021-02-05 02:14:21 +00:00
|
|
|
max-height: 65vh;
|
|
|
|
overflow: scroll;
|
|
|
|
border-top-width: 1px;
|
|
|
|
|
|
|
|
li a {
|
|
|
|
font-size: inherit;
|
|
|
|
}
|
2021-02-01 22:56:31 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.after-portlet {
|
2021-02-01 23:13:58 +00:00
|
|
|
// ensure there is a visual separation between the language links and additional links.
|
2021-02-05 02:14:21 +00:00
|
|
|
margin-top: 10px;
|
2021-02-01 22:56:31 +00:00
|
|
|
}
|
|
|
|
}
|
2021-02-04 02:23:19 +00:00
|
|
|
|
|
|
|
// mw-body-header class can be removed when language button is the default.
|
|
|
|
// e.g. upon removal of SkinVector::isLanguagesInHeader
|
|
|
|
.client-js .mw-body-header {
|
|
|
|
// The `.mw-interlanguage-selector` is toggled off through js if the
|
|
|
|
// `ext.uls.interface` module is not being loaded.
|
|
|
|
.mw-interlanguage-selector {
|
|
|
|
// Remove the ULS language icon provided by ext.uls.compactlinks.less as we
|
|
|
|
// are already providing no-js users an icon.
|
|
|
|
background-image: none;
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
// Don't show dropdown arrow.
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// When the ext.uls.interface module is loaded, we hide the fallback menu and
|
|
|
|
// checkbox.
|
|
|
|
.vector-menu--hide-dropdown {
|
|
|
|
.vector-menu-checkbox,
|
|
|
|
.vector-menu-content {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|