github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-06 13:06:56 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Adjust menu panels on iOS (#20703)

Browse Source
This commit is contained in:
Penar Musaraj
2023-03-16 19:23:15 -04:00
committed by GitHub
parent 5103d249aa
commit 32ad46c551
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -155,6 +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);
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
@ -716,9 +717,7 @@ body.footer-nav-ipad {
--100dvh: 100dvh; --100dvh: 100dvh;
} }
--base-height: calc( --base-height: calc(var(--100dvh) - var(--header-top));
var(--100dvh) - var(--header-top) - env(safe-area-inset-bottom, 0px)
);
height: var(--base-height); height: var(--base-height);

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

@ -11,6 +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);
&:before { &:before {
// fade to make scroll more apparent // fade to make scroll more apparent
position: absolute; position: absolute;