wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-24 15:53:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Move #mw-sidebar-button layout styles to Header.less"

Browse source
This commit is contained in:
jenkins-bot 2022-02-09 23:11:56 +00:00 committed by Gerrit Code Review
parent 306dc89bf8 390155c67f
commit 5ac2b88293
3 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
resources/common/variables.less
View file

@ -109,6 +109,9 @@
@font-size-tabs: unit( 13 / @font-size-browser, em ); // Equals `0.8125em`. @font-size-tabs: unit( 13 / @font-size-browser, em ); // Equals `0.8125em`.
@padding-horizontal-tabs: 8px; @padding-horizontal-tabs: 8px;
// Menu button
@margin-horizontal-sidebar-button-icon: unit( 12px / @font-size-browser, em ); // 0.75em @ 16
// Search // Search
@min-width-search-button: 28px; @min-width-search-button: 28px;
@width-search-button: unit( 28 / @font-size-browser / @font-size-search-input, em ); @width-search-button: unit( 28 / @font-size-browser / @font-size-search-input, em );

7
resources/skins.vector.styles/components/Header.less
View file

@ -17,7 +17,7 @@
.mw-header { .mw-header {
// A min-height is set to account for projects where no icon is set. // A min-height is set to account for projects where no icon is set.
min-height: @height-logo-icon; min-height: @height-logo-icon;
margin: @margin-top-header 0 @margin-bottom-header; margin: @margin-top-header 0 @margin-bottom-header 0;
padding: @padding-vertical-header 0; padding: @padding-vertical-header 0;
// Vertical centering of header elements (IE>=11), requires flex. // Vertical centering of header elements (IE>=11), requires flex.
// Non-flex fallback for IE<=9: float rule on the child elements. // Non-flex fallback for IE<=9: float rule on the child elements.
@ -26,6 +26,11 @@
// https://caniuse.com/#search=align-items // https://caniuse.com/#search=align-items
align-items: center; align-items: center;
#mw-sidebar-button {
float: left; // Browser: IE9 support - button as flex-child fallback.
margin-right: @margin-horizontal-sidebar-button-icon; // Accidentally the same.
}
.vector-search-box { .vector-search-box {
float: left; float: left;
z-index: @z-index-menu; z-index: @z-index-menu;

9
resources/skins.vector.styles/layouts/screen.less
View file

@ -11,9 +11,6 @@
// Sidebar // Sidebar
@width-grid-column-one: 11em; @width-grid-column-one: 11em;
// Menu button
@margin-horizontal-sidebar-button-icon: unit( 12px / @font-size-browser, em); // 0.75em @ 16
// Adjust the left position of the sidebar to align it with the sidebar menu button, // Adjust the left position of the sidebar to align it with the sidebar menu button,
// in the header, while ensuring the background gradient still extends to the edge of the screen. // in the header, while ensuring the background gradient still extends to the edge of the screen.
// note: the 1px comes from the transparent border of the sidebar button. // note: the 1px comes from the transparent border of the sidebar button.
@ -154,12 +151,6 @@ body {
} }
} }
#mw-sidebar-button {
float: left; // Browser: IE9 support - button as flex-child fallback.
margin-left: -@margin-horizontal-sidebar-button-icon;
margin-right: @margin-horizontal-sidebar-button-icon; // Accidentally the same.
}
#mw-panel { #mw-panel {
background-image: linear-gradient( to bottom, @background-color-base 0%, @background-color-secondary--modern 10%, @background-color-secondary--modern 90%, @background-color-base 100% ); background-image: linear-gradient( to bottom, @background-color-base 0%, @background-color-secondary--modern 10%, @background-color-secondary--modern 90%, @background-color-base 100% );
position: absolute; position: absolute;