Merge pull request #1322 from basecamp/mobile-search-bar
Footer height takes safe area into account
This commit is contained in:
@@ -3,14 +3,15 @@
|
||||
--row-gap: 0.2lh;
|
||||
|
||||
background-color: var(--color-terminal-bg);
|
||||
block-size: var(--footer-height);
|
||||
block-size: calc(var(--footer-height) + env(safe-area-inset-bottom));
|
||||
color: var(--color-terminal-text);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 0.9em;
|
||||
inset: auto 0 0 0;
|
||||
max-block-size: 100%;
|
||||
padding: var(--block-space) calc(var(--tray-size) + calc(var(--inline-space) * 3)) calc(var(--block-space) + env(safe-area-inset-bottom));
|
||||
padding-block: var(--block-space) calc(var(--block-space) + env(safe-area-inset-bottom));
|
||||
padding-inline: calc(var(--tray-size) + calc(var(--inline-space) * 3));
|
||||
place-content: center;
|
||||
position: fixed;
|
||||
z-index: var(--z-terminal);
|
||||
|
||||
Reference in New Issue
Block a user