ThumbNavigation: probably fix padding for iOS PWA

2021-09-22 11:25:35 -05:00
parent 165b924ce7
commit 0e2e2e38d0
4 changed files with 13 additions and 4 deletions
--- a/app/styles/variables.scss
+++ b/app/styles/variables.scss
@@ -34,3 +34,11 @@ $media-modal-media-max-width: 100%;
 $media-modal-media-max-height: 80%;

 $no-gap-breakpoint: 415px;
+
+// CSS variables
+// NOTE: Prefer CSS variables whenever possible.
+// They're future-proof and more flexible.
+:root {
+  --thumb-navigation-base-height: 60px;
+  --thumb-navigation-height: calc(var(--thumb-navigation-base-height) + env(safe-area-inset-bottom));
+}