Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-16 16:24:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/menu-panel.scss
View File

@ -155,7 +155,7 @@
.quick-access-panel { .quick-access-panel {
width: 320px; width: 320px;
padding: 0.75em; 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; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
min-width: 0; // makes sure menu tabs don't go off screen min-width: 0; // makes sure menu tabs don't go off screen

2
app/assets/stylesheets/common/base/sidebar-footer.scss
View File

@ -11,7 +11,7 @@
border-top: 1.5px solid var(--primary-low); border-top: 1.5px solid var(--primary-low);
background: var(--primary-very-low); background: var(--primary-very-low);
padding: 0.5em 0.8em; 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 { &:before {
// fade to make scroll more apparent // fade to make scroll more apparent
position: absolute; position: absolute;