optimize lightbox for small screens

version 1.5.0
HerrZatacke · Jul 17, 2020 · d6c8ba1 · d6c8ba1
1 parent a2e061c
commit d6c8ba1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gb-printer-web",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "gb-printer-web",
   "scripts": {
     "start": "webpack-dev-server --config ./scripts/webpack.dev.js",

diff --git a/src/javascript/app/components/Lightbox/index.scss b/src/javascript/app/components/Lightbox/index.scss
@@ -32,6 +32,10 @@
     z-index: $z-index-overlay-box;
     overflow: hidden;
 
+    body.is-touch & {
+      padding-bottom: 60px;
+    }
+
     @media (max-width: 480px) {
       width: 100vw;
       min-width: 320px;