bibweb.git

Navigation ganz nach unten, Gitterbox-Anzahl als Fullscreen-Dialog
Parent 077be7a
Bernd Wurst

Bernd Wurst commited on 2025-10-22 11:12:17
Zeige 3 geänderte Dateien mit 35 Einfügungen und 18 Löschungen.

assets/style.css
Zeige Datei @ a884255
... ... 
@@ -9,6 +9,11 @@ body {
9 9 
   background-color: #ffa;
10 10 
 }
11 11
12 
+.modal-dialog.modal-fullscreen {
13 
+    /* Wichtig: Überschreibt alle voreingestellten Max-Breiten von Bootstrap */
14 
+    max-width: 100vw !important;
15 
+}
16 
+
12 17 
 #banner {
13 18 
     width: 100%;
14 19 
     background-color: #007900;
gitterbox.php
Zeige Datei @ a884255
... ... 
@@ -21,18 +21,30 @@ $content .= '
21 21 
         <div class="col-sm-6 d-grid"><a href="#" class="btn btn-lg btn-light" id="btn-anhaenger">Anhänger abgestellt</a></div>
22 22 
         <input type="hidden" name="lieferart" id="lieferart" value="">
23 23 
     </div>
24 
-    <div class="modal fade" role="dialog" id="modal-gitterbox"><div class="modal-dialog">
25 
-    <div class="form-group form-group-lg modal-content"><div class="modal-header">Wie viele Gitterboxen haben Sie verwendet?</div>
26 
-        <div class="modal-body row justify-content-center">
27 
-          <div class="col-sm-4 d-grid"><a href="#" class="btn btn-lg btn-primary btn-gbcount" id="btn-gbcount-1">1</a></div>
28 
-          <div class="col-sm-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-2">2</a></div>
29 
-          <div class="col-sm-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-3">3</a></div>
30 
-          <div class="col-sm-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-4">4</a></div>
31 
-          <div class="col-sm-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-5">5</a></div>
24 
+<div class="modal fade" role="dialog" id="modal-gitterbox">
25 
+  <div class="modal-dialog modal-fullscreen">
26 
+
27 
+    <div class="modal-content">
28 
+
29 
+      <div class="modal-header">
30 
+        <h5 class="modal-title">Wie viele Gitterboxen haben Sie verwendet?</h5>
31 
+        </div>
32 
+
33 
+      <div class="modal-body">
34 
+        <div class="form-group form-group-lg">
35 
+          <div class="row justify-content-center">
36 
+            <div class="col-4 d-grid"><a href="#" class="btn btn-lg btn-primary btn-gbcount" id="btn-gbcount-1">1</a></div>
37 
+            <div class="col-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-2">2</a></div>
38 
+            <div class="col-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-3">3</a></div>
39 
+            <div class="col-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-4">4</a></div>
40 
+            <div class="col-2 d-grid"><a href="#" class="btn btn-lg btn-outline-primary btn-gbcount" id="btn-gbcount-5">5</a></div>
41 
+          </div>
32 42 
         </div>
33 43 
       </div>
34 
-    </div></div>
35 44
45 
+      </div>
46 
+  </div>
47 
+</div>
36 48
37 49 
     <div class="form-group form-group-lg" id="details-gitterbox">
38 50 
         <label for="kennz">Anzahl benutzter Gitterboxen:</label>
template.php
Zeige Datei @ a884255
... ... 
@@ -79,14 +79,6 @@ if (isset($_REQUEST['history_pos']) && $_REQUEST['history_pos'] >= 0) {
79 79 
     }?>
80 80 
 <?= $content ?>
81 81 
     <?php if (basename($_SERVER['PHP_SELF']) != 'finish.php') { ?>
82 
-    <nav aria-label="Zu anderen Schritten springen">
83 
-        <ul class="pagination pagination-sm justify-content-center">
84 
-        <?php
85 
-       foreach ($pages as $index => $file) {
86 
-            echo '<li class="page-item'.($file === basename($_SERVER['PHP_SELF']) ? ' active' : '').'"><a class="page-link" href="'.$file.'">'.$index.'</a></li>';
87 
-        }
88 
-?>
89 
-    </ul></nav>
90 82 
    <a href="#" id="allesloeschen" data-bs-toggle="modal" data-bs-target="#allesloeschen-dialog" class="btn btn-sm btn-block btn-outline-danger" data-bs-href="clear.php">Alle Eingaben löschen und von vorne beginnen</a>
91 83 
     <div class="modal fade" id="allesloeschen-dialog" tabindex="-1" role="dialog" aria-labelledby="Bestaetigung" aria-hidden="true">
92 84 
         <div class="modal-dialog">
... ... 
@@ -106,7 +98,7 @@ if (isset($_REQUEST['history_pos']) && $_REQUEST['history_pos'] >= 0) {
106 98 
             </div>
107 99 
         </div>
108 100 
     </div>
109 
-    <div class="card" id="footer">
101 
+    <div class="card mb-3" id="footer">
110 102 
         <div class="card-header">Hilfe?</div>
111 103 
         <div class="card-body"><p class="card-text">Für Unterstützung bei der Nutzung dieses Formulars können Sie uns unter der Telefonnummer
112 104 
         <?php if (!isset($_SESSION['mode']) || $_SESSION['mode'] != 'local') {
... ... 
@@ -119,6 +111,14 @@ if (isset($_REQUEST['history_pos']) && $_REQUEST['history_pos'] >= 0) {
119 111 
     <div class="card-footer"><a target="_blank" href="https://mosterei-wurst.de/impressum/">Impressum</a> · <a target="_blank" href="https://mosterei-wurst.de/">Website besuchen</a></div>
120 112 
 <?php } /* if ($_SESSION['mode'] != 'local') */ ?>
121 113 
     </div>
114 
+    <nav aria-label="Zu anderen Schritten springen">
115 
+        <ul class="pagination pagination-sm justify-content-center">
116 
+        <?php
117 
+       foreach ($pages as $index => $file) {
118 
+            echo '<li class="page-item'.($file === basename($_SERVER['PHP_SELF']) ? ' active' : '').'"><a class="page-link" href="'.$file.'">'.$index.'</a></li>';
119 
+        }
120 
+?>
121 
+    </ul></nav>
122 122 
  <?php } /* if (basename($_SERVER['PHP_SELF']) != 'finish.php') */ ?>
123 123
124 124 
     </div>
125 125