From 5800b80596112f347b5ba1e4d9d3bf6ba63e37e5 Mon Sep 17 00:00:00 2001 From: Clare Ming Date: Fri, 15 Apr 2022 13:56:32 -0600 Subject: [PATCH] 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 --- resources/skins.vector.styles/components/Logo.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/resources/skins.vector.styles/components/Logo.less b/resources/skins.vector.styles/components/Logo.less index ce108e6a..ef04c02c 100644 --- a/resources/skins.vector.styles/components/Logo.less +++ b/resources/skins.vector.styles/components/Logo.less @@ -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 {