Full screen modals for mobile view
authorRemixDev <deezloaderremix@gmail.com>
Mon, 4 Mar 2019 12:03:07 +0000 (13:03 +0100)
committerRemixDev <deezloaderremix@gmail.com>
Mon, 4 Mar 2019 12:03:07 +0000 (13:03 +0100)
app/public/css/style.css
app/public/js/appBase.js

index 7ac3bfb0fa9d95286b58b9899fc8f6443c6e0c05..07bfb49556e80a57c25779a977e7519ff0c25683 100644 (file)
@@ -1,5 +1,6 @@
 :root {
   --main-modal-background: #fafafa;
+  --appbar-height: 32px;
 }
 
 body {
@@ -174,9 +175,9 @@ nav {
        .modal{
                width: 100%;
                margin: 0px;
-               max-height: 95%;
+               max-height: calc(100% - var(--appbar-height));
                height: 100% !important;
-               top: 32px !important;
+               top: var(--appbar-height) !important;
        }
        #main_icon{
                top: 4px;
index 79117902305e2e14f8d98b440fd79d9103984290..2b7f9326b71fc9e08341e9d3b12a7228455bd55c 100644 (file)
@@ -61,6 +61,7 @@ const version = (typeof packageFile === 'undefined') ? $("#appVersionFallback").
                        $('nav').css('top','0')
                        $('nav').css('margin-top','0')
                        $('#main_icon').css('margin-top','0')
+                       document.documentElement.style.setProperty('--appbar-height', "0px")
                }
                $mainEl.find('#application_version').text(version)
        }