discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-09 14:34:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: Fix unreachable buttons on menus in Safari iOS (#11458)

Browse Source 
Safari overlays its own nav at the bottom 10% or so of the screen. This
makes buttons in that area virtually unclickable, so to ensure buttons
there are reachable, we need to add enough bottom padding to menu panels.
This commit is contained in:
Penar Musaraj 2020-12-10 08:11:58 -05:00 committed by GitHub
parent da2a61e36c
commit fb2e24a77a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/mobile/menu-panel.scss
View File

@ -33,5 +33,6 @@
}
.panel-body-contents {
padding-bottom: env(safe-area-inset-bottom);
// 2em padding very useful for iOS Safari's overlayed bottom nav
padding-bottom: calc(env(safe-area-inset-bottom) + 2em);
}