mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/header.less
Jon Robson 952789bc17 Switch Minerva button template to use Codex and remove mw-ui-button
- Removes 'mw-ui-icon-with-label-desktop' as that is now the default behavior for icon only buttons in Minerva
- Removes icon flushing classes, use codex mixins instead

80 Visual changes relating to minor icon/button subpixel changes in the heading, edit section links, and page actions

Bug: T319260
Change-Id: I503b643d33e43196483af4b5f9dd312237322ac8
2023-08-24 15:57:01 -05:00

75 lines
1.3 KiB
Plaintext

.header-container {
border-bottom: @border-subtle;
padding: 0 @contentPadding;
&.header-chrome {
background-color: @background-color-light;
border: 0;
box-shadow: inset 0 -1px 3px rgba( 0, 0, 0, 0.08 );
}
}
.minerva-header {
.navigation-drawer .toggle-list__toggle {
.cdx-mixin-button-layout-flush( 'start', true, 'large' );
}
.branding-box {
opacity: @opacity-icon-subtle; // T251135
a {
float: left;
margin-left: 5px;
font-size: 1em;
text-decoration: none;
color: @color-base;
span {
line-height: 0;
font-size: inherit;
}
> * {
float: left;
}
sup {
color: @color-subtle;
display: none;
.beta & {
display: initial;
}
}
}
}
.search-box {
// Search box should grow to fill rest of header
flex: 1 0 auto;
display: none;
}
// Fix cursor for Safari
#searchInput { // stylelint-disable-line selector-max-id
cursor: text;
}
}
@media screen and ( min-width: @width-breakpoint-tablet ) {
.minerva-header {
.branding-box {
// Handle logos that are larger than the set branding box width
// This will also cause the searchbox overlay to be misaligned with the .minerva-heading searchbox
min-width: @brandingBoxWidth;
width: auto;
}
.search-box {
display: block;
width: @searchBoxWidth;
max-width: @searchBoxWidth;
}
}
}