Metadata more responsive

24eme · Oct 10, 2024 · d18fb83 · d18fb83
1 parent e40756c
commit d18fb83
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/public/css/app.css b/public/css/app.css
@@ -117,14 +117,28 @@
     width: 45%;
 }
 
-@media (max-width: 1399.98px) {
+#page-metadata #bottom_bar {
+    z-index: 3;
+}
+
+@media (max-width: 1500px) {
     #page-metadata #container-main {
         width: 50%;
     }
     #page-metadata #sidebarTools {
         width: 50%;
     }
 }
+
+@media (max-width: 575.98px) {
+    #page-metadata #container-main {
+        width: 100%;
+    }
+    #page-metadata #sidebarTools {
+        display:none;
+        width: 100%;
+    }
+}
 @media (max-width: 480px) {
     .subtitle {
         font-size: .875em

diff --git a/public/js/metadata.js b/public/js/metadata.js
@@ -197,6 +197,9 @@ function createEventsListener() {
     document.getElementById('save').addEventListener('click', function (e) {
         save()
     })
+    document.getElementById('save_mobile').addEventListener('click', function (e) {
+        save()
+    })
 }
 
 async function pageUpload() {

diff --git a/templates/metadata.html.php b/templates/metadata.html.php
@@ -37,7 +37,6 @@
     <?php include('components/footer.html.php'); ?>
 </div>
 <div id="page-metadata" class="d-none">
-    <div id="div-margin-top" style="height: 88px;" class="d-md-none"></div>
     <div style="overflow: auto;" class="vh-100" id="container-main">
         <div id="form-metadata" class="mx-auto w-75 pt-3 pb-5">
             <h3><?php echo _("List of PDF metadata"); ?></h3>
@@ -77,7 +76,7 @@
     </div>
     <div id="bottom_bar" class="position-fixed bottom-0 start-0 bg-white w-100 p-2 shadow-sm d-md-none">
         <div id="bottom_bar_action" class="d-grid gap-2">
-            <button class="btn btn-primary" id="save_mobile"><i class="bi bi-download"></i> <?php echo _("Download the PDF"); ?></button>
+            <button class="btn btn-primary" id="save_mobile"><i class="bi bi-download"></i> <?php echo _("Save and download the PDF"); ?></button>
         </div>
     </div>
 </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -197,6 +197,9 @@ function createEventsListener() { @@
         document.getElementById('save').addEventListener('click', function (e) {
             save()
         })
+        document.getElementById('save_mobile').addEventListener('click', function (e) {
+            save()
+        })
     }
     async function pageUpload() {
@@ Expand Down @@