mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-04 20:18:57 +00:00
5852e320a3
Creates a new skins.vector.zebra.styles module that will hold style modifications for the Vector Zebra update. Affected files are copied from skins.vector.styles without modification (at this point) to improve revision history in git. The new module should compile without error and existing styles should not be affected. Bug: T332600 Change-Id: I9b367ca0a0afea32b49915b40bc03c05910d4227
49 lines
1.4 KiB
Plaintext
49 lines
1.4 KiB
Plaintext
@import '../../common/variables.less';
|
|
|
|
.vector-page-titlebar {
|
|
display: flex;
|
|
// Enabled bottom border via ::after element for Zebra update.
|
|
flex-wrap: wrap;
|
|
// Ensure language button or indicators are positioned to the right even when the title is hidden
|
|
justify-content: flex-end;
|
|
// Use box-shadow instead of border to allow border collapsing between titlebar and toolbar
|
|
box-shadow: 0 1px @border-color-base;
|
|
align-items: center;
|
|
|
|
&-blank {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.firstHeading {
|
|
flex-grow: 1;
|
|
border: 0;
|
|
}
|
|
|
|
.vector-page-titlebar-toc.ve-active {
|
|
display: none !important; /* stylelint-disable-line declaration-no-important */
|
|
}
|
|
|
|
> .mw-ui-button {
|
|
font-size: @font-size-base;
|
|
margin-top: 2px;
|
|
// When labels have multiple words e.g. "Add topic" make sure they do not wrap onto
|
|
// new line. This can happen when editing pages with long titles. e.g. F36867314
|
|
white-space: nowrap;
|
|
|
|
// At low resolutions, the rule in core for `.mw-ui-button:not(.mw-ui-icon-element)`
|
|
// interferes with add topic and makes it overlap the language button. e.g. F36867319
|
|
&:not( .mw-ui-icon-element ) {
|
|
min-width: auto;
|
|
}
|
|
}
|
|
|
|
> .mw-ui-button,
|
|
> .mw-portlet-lang {
|
|
&:last-child {
|
|
// This number should be synced with the value in:
|
|
// https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.less/mediawiki.ui/mixins.buttons.less#L33
|
|
margin-right: -12px;
|
|
}
|
|
}
|
|
}
|