Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

🎨 Fixed account/dark mode/settings buttons not being accessible on small mobile devices

Browse source 
no issue

- the bottom nav bar sits on top of the side bar which meant you weren't able to scroll down far enough to access the bottom of the side bar
- added extra padding to the side bar when the mobile nav is displayed so bottom settings of the side nav sit above the bottom nav bar
This commit is contained in:
Kevin Ansfield 2021-07-01 10:24:18 +01:00
parent e21e034f5d
commit b8c01db37f
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ghost/admin/app/styles/layouts/main.css
View file

@ -885,6 +885,10 @@
padding-bottom: 55px; padding-bottom: 55px;
} }
.gh-nav-body {
padding-bottom: 64px;
}
@supports (padding-bottom: env(safe-area-inset-bottom)) { @supports (padding-bottom: env(safe-area-inset-bottom)) {
.gh-viewport { .gh-viewport {
padding-bottom: calc(55px + env(safe-area-inset-bottom, 0px)); padding-bottom: calc(55px + env(safe-area-inset-bottom, 0px));