UX: Adjust menu panels on iOS (#20703)

This commit is contained in:
Penar Musaraj 2023-03-16 19:23:15 -04:00 committed by GitHub
parent 5103d249aa
commit 32ad46c551
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View File

@ -155,6 +155,7 @@
.quick-access-panel {
width: 320px;
padding: 0.75em;
padding-bottom: env(safe-area-inset-bottom, 0.75em);
justify-content: space-between;
box-sizing: border-box;
min-width: 0; // makes sure menu tabs don't go off screen
@ -716,9 +717,7 @@ body.footer-nav-ipad {
--100dvh: 100dvh;
}
--base-height: calc(
var(--100dvh) - var(--header-top) - env(safe-area-inset-bottom, 0px)
);
--base-height: calc(var(--100dvh) - var(--header-top));
height: var(--base-height);

View File

@ -11,6 +11,7 @@
border-top: 1.5px solid var(--primary-low);
background: var(--primary-very-low);
padding: 0.5em 0.8em;
padding-bottom: env(safe-area-inset-bottom, 0.5em);
&:before {
// fade to make scroll more apparent
position: absolute;