fix: mobile search container grows with the search field in Large

Core sets the container to 64px with a 54px line-height, so the 56px
Large search pill pushed against the avatar row.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-15 09:32:28 +02:00
co-authored by Claude Opus 5.5
parent 833393a686
commit f5119bba50
+2 -1
View File
@@ -137,7 +137,8 @@
} }
/* Search pill, avatar row and nav labels share one inline start: the icon and the /* Search pill, avatar row and nav labels share one inline start: the icon and the
avatar sit where the nav labels begin (drawer padding 12px + item padding 16px) */ avatar sit where the nav labels begin (drawer padding 12px + item padding 16px) */
html .flyout-menu .flyout-menu__search { padding-inline: 0; } /* Core's 64px / 54px container grows with the search pill */
html .flyout-menu .flyout-menu__search { padding-inline: 0; block-size: calc(64px + var(--nm-density)); line-height: calc(54px + var(--nm-density)); }
html .search-magnifier--flyout { inset-inline-start: 28px; } html .search-magnifier--flyout { inset-inline-start: 28px; }
html .flyout-menu .flyout-menu__avatar { padding-inline-start: 16px; } html .flyout-menu .flyout-menu__avatar { padding-inline-start: 16px; }