jonny/Vector-Local
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Adjust alignment of searchbox in header

Browse source 
Per T305069#7832390, left edge of searchbox input should line up with
the left edge of the main content area.

Bug: T305069
Change-Id: I737c3cac09ae18c598164b232b6461f72451b3e3
This commit is contained in:
Clare Ming 2022-04-15 13:56:32 -06:00
parent 3df381be52
commit 5800b80596
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -8,10 +8,10 @@
height: 100%; height: 100%;
// Center vertically. // Center vertically.
align-items: center; align-items: center;
// Hamburger menu icon with padding (22px + 12px = 46px) + right margin (12px) + logo (226px @ 16) + space between // Hamburger menu icon with padding (22px + 12px = 46px) + right margin (12px) + logo (222px @ 16) + space between
// logo and searchbox (24px) = 296px which equals the sum of widths of sidebar elements (i.e. TOC) when toggled. // logo and searchbox (28px) = 296px which equals the sum of widths of sidebar elements (i.e. TOC) when toggled.
// 226px @ 16 provides correct spacing between the right edge of logo container + left edge of searchbox input. // 226px @ 16 provides correct spacing between the right edge of logo container + left edge of searchbox input.
min-width: 14.125em; // 226px @ 16 min-width: 13.875em; // 222px @ 16
} }
.mw-logo-icon { .mw-logo-icon {