wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-30 18:35:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Visual change] Limits two row header to mobile devices

Browse source 
I accidentally enabled this on tablet breakpoint.

Follow up to e3d2ab5031
The Pixel UI report should only surface changes on mobile - all
of these are improvements as it means the whole UI is visible in
the viewport.

Bug: T361573
Change-Id: I8aa5699a8fe959c1595d74c03f19c14856f6470f
This commit is contained in:
Jon Robson 2024-05-21 11:52:10 -07:00
parent ca9b2274dc
commit f4befc068d
2 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -23,7 +23,7 @@
// Ensures the button has a font size of 16px
font-size: unit( 16 / @font-size-browser, rem );
@media ( min-width: @min-width-breakpoint-tablet ) {
@media ( min-width: @min-width-breakpoint-mobile ) {
float: right;
}
@ -41,12 +41,14 @@
}
}
@media ( max-width: @max-width-breakpoint-tablet ) {
@media ( max-width: @max-width-breakpoint-mobile ) {
#p-search,
.vector-header-end {
.cdx-mixin-button-layout-flush( 'start', true );
}
}
@media ( max-width: @max-width-breakpoint-tablet ) {
/**
* Toggles the visibility of the search box at lower resolutions.
*/

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

@ -114,7 +114,7 @@ body {
background-color: @background-color-page-container;
}
@media ( max-width: @max-width-breakpoint-tablet ) {
@media ( max-width: @max-width-breakpoint-mobile ) {
.vector-header {
flex-flow: column;
}