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:
@@ -137,7 +137,8 @@
|
||||
}
|
||||
/* 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) */
|
||||
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 .flyout-menu .flyout-menu__avatar { padding-inline-start: 16px; }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user