UX: Fix menu panel padding on non-safe-area contexts (#20746)

Followup to 32ad46c. Only picks the `safe-area-inset-bottom` if it is
greater than the default padding value for the element.
This commit is contained in:
Penar Musaraj 2023-03-20 21:46:13 -04:00 committed by GitHub
parent db74e9484b
commit ae939f4111
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View File

@ -155,7 +155,7 @@
.quick-access-panel {
width: 320px;
padding: 0.75em;
padding-bottom: env(safe-area-inset-bottom, 0.75em);
padding-bottom: max(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

View File

@ -11,7 +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);
padding-bottom: max(env(safe-area-inset-bottom), 0.5em);
&:before {
// fade to make scroll more apparent
position: absolute;