Fix shell omnibox drawer layout

This commit is contained in:
2026-03-21 14:25:56 +01:00
parent 4134d84b9d
commit 49e8528dc6
5 changed files with 40 additions and 5 deletions

View File

@@ -908,14 +908,16 @@ pre,
position: fixed;
z-index: 95;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
gap: 1rem;
border: 1px solid var(--border-subtle);
background: var(--surface-elevated);
box-shadow: 0 24px 54px -28px var(--shadow-strong);
overflow: hidden;
}
.surface-drawer.is-end {
top: calc(var(--shell-header-height) + 1rem);
top: calc(var(--shell-header-height, 5.75rem) + 1rem);
right: 1rem;
bottom: 1rem;
width: min(24rem, calc(100vw - 2rem));
@@ -924,7 +926,7 @@ pre,
.surface-drawer.is-bottom {
right: 0.75rem;
bottom: calc(var(--shell-mobile-nav-height) + 0.75rem);
bottom: calc(var(--shell-mobile-nav-height, 0rem) + 0.75rem);
left: 0.75rem;
max-height: min(70vh, 36rem);
border-radius: 1.25rem 1.25rem 0 0;
@@ -951,17 +953,26 @@ pre,
.surface-drawer-body {
display: grid;
gap: 1rem;
min-height: 0;
padding: 0 1rem 1rem;
overflow: auto;
}
.shell-omnibox-backdrop.surface-drawer-backdrop {
top: calc(var(--shell-header-height, 5.75rem) + 0.5rem);
bottom: calc(var(--shell-mobile-nav-height, 0rem) + 0rem);
}
.shell-omnibox-drawer.surface-drawer.is-end {
top: calc(var(--shell-header-height, 5.75rem) + 0.75rem);
bottom: 1rem;
width: min(34rem, calc(100vw - 2rem));
}
.shell-omnibox-panel {
display: grid;
gap: 1rem;
min-height: 0;
}
.shell-omnibox-search {
@@ -2060,7 +2071,7 @@ pre,
right: 0.75rem;
left: 0.75rem;
width: auto;
top: calc(var(--shell-header-height) + 0.75rem);
bottom: calc(var(--shell-mobile-nav-height) + 0.75rem);
top: calc(var(--shell-header-height, 5.1rem) + 0.5rem);
bottom: calc(var(--shell-mobile-nav-height, 5.5rem) + 0.5rem);
}
}