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:
parent
db74e9484b
commit
ae939f4111
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue