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

[modern][styles] Shift search bar to the left

Browse source 
`@margin-horizontal-search` is used for margin of search component
and for personal tools, but they are also floated right so one only
gets a clearer picture of this change when the canvas is exactly at
one specific size.
Additionally it's used for a media query, so the min-width is slightly
reduced (by 32px equivalent) as well. That's advantageous too.
At some point we're going to change this to `rem` unit, that's why I've
taken distance from changing it to a `px` value for now although devised
differently before.

Bug: T269959
Change-Id: I21cac3f049eed64520dd229ef80d10f9be853e0e
This commit is contained in:
Volker E 2020-12-14 08:00:11 -08:00
parent 2c0c6336fa
commit 816836c2ae
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/skins.vector.styles/layout.less
View file

@ -29,7 +29,7 @@
@min-width-search: unit( 350px / @font-size-browser, em ); @min-width-search: unit( 350px / @font-size-browser, em );
@max-width-search: unit( 450px / @font-size-browser, em ); @max-width-search: unit( 450px / @font-size-browser, em );
@margin-horizontal-search: unit( 56px / @font-size-browser, em ); @margin-horizontal-search: unit( 40px / @font-size-browser, em );
// The logo is variable width but typically consists of: // The logo is variable width but typically consists of:
// - a icon (50x50) // - a icon (50x50)