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

Adjust alignment of searchbox in header 

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%;
// Center vertically.
align-items: center;
// Hamburger menu icon with padding (22px + 12px = 46px) + right margin (12px) + logo (226px @ 16) + space between
// logo and searchbox (24px) = 296px which equals the sum of widths of sidebar elements (i.e. TOC) when toggled.
// Hamburger menu icon with padding (22px + 12px = 46px) + right margin (12px) + logo (222px @ 16) + space between
// 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.
min-width: 14.125em; // 226px @ 16
min-width: 13.875em; // 222px @ 16
}
.mw-logo-icon {