Optimierungen für Handy-Displays
Bernd Wurst

Bernd Wurst commited on 2020-06-08 13:53:59
Zeige 5 geänderte Dateien mit 36 Einfügungen und 9 Löschungen.

... ...
@@ -1,2 +1,3 @@
1 1
 vendor
2 2
 config.php
3
+internal/config.php
... ...
@@ -11,29 +11,39 @@ body {
11 11
     width: 100%;
12 12
     background-color: #007900;
13 13
     padding: 0.5em;
14
+    overflow: hidden;
14 15
 }
15 16
 
16 17
 
17 18
 #banner-back {
18
-    display: table-cell;
19 19
     width: 65px;
20 20
     text-align: left;
21
+    float: left;
21 22
 }
22 23
 
23 24
 #banner-headline {
24
-    display: table-cell;
25 25
     width: 100%;
26
-    height: 65px;
26
+    min-height: 65px;
27 27
     text-align: center;
28 28
     color: #ffc;
29 29
 }
30
+#banner-headline h1 {
31
+    display: inline;
32
+}
30 33
 
31 34
 #banner-logo {
32
-    display: table-cell;
35
+    float: right;
33 36
     width: 244px;
34 37
     text-align: right;
35 38
 }
36 39
 
40
+#banner-clear {
41
+    clear: both;
42
+    height: 0px;
43
+    width: 100%;
44
+    padding: 0;
45
+    margin: 0;
46
+}
37 47
 
38 48
 h1, h2, h3 {
39 49
   font-family: "Caveat Brush";
... ...
@@ -51,6 +61,21 @@ h1, h2, h3 {
51 61
     }
52 62
 }
53 63
 
64
+@media(max-width: 991px) {
65
+    #banner-headline {
66
+        clear: both;
67
+    }
68
+
69
+    .modal-footer button,
70
+    .modal-footer a {
71
+        max-width: 50%;
72
+        font-size: 100%;
73
+    }
74
+
75
+}
76
+
77
+
78
+
54 79
 .modal-body.terms {
55 80
     text-align: left;
56 81
     max-height: 500px;
... ...
@@ -19,7 +19,7 @@ $number = format_number($_SESSION['phone']);
19 19
 
20 20
 $headline = 'Vielen Dank für Ihren Auftrag!';
21 21
 $url = 'https://auftrag.mosterei-wurst.de/view/'.$_REQUEST['handle'];
22
-if (isset($_SESSION['mode']) && $_SESSION['mode'] == 'local') {
22
+if (!(isset($_SESSION['mode']) && $_SESSION['mode'] == 'local')) {
23 23
     $url = '<a href="'.$url.'">'.$url.'</a>';
24 24
 }
25 25
 $content = '<p>Der Verarbeitungscode lautet: '.$_REQUEST['handle'].'</p>
... ...
@@ -28,7 +28,7 @@ $content = '<p>Der Verarbeitungscode lautet: '.$_REQUEST['handle'].'</p>
28 28
     <p><img src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&bgcolor=ffa&data=https://au.m-wst.de/v/'.$_REQUEST['handle'].'"></p>
29 29
 ';
30 30
 
31
-if (substr($number, 0, 5) == '+49 1') {
31
+if (substr($number, 0, 5) == '+49 1' && isset($_SESSION['mode']) && $_SESSION['mode'] == 'local') {
32 32
     $content .= '<p>Wenn Sie möchten, können Sie den Link auch per SMS erhalten.</p>
33 33
     <div class="form-group form-group-lg">
34 34
         <div><a class="btn btn-outline-secondary btn-lg" href="smsauftrag.php?handle='.$_REQUEST['handle'].'">Diesen Link per SMS erhalten</a></div>
... ...
@@ -88,7 +88,7 @@ if ($_SESSION['address'] == 'bekannt' && $_SESSION['city'] == 'bekannt') {
88 88
 
89 89
 $content .= '
90 90
     <p>Aus Ihren Angaben haben wir folgenden Auftrag ermittelt.</p>
91
-    <p>Wenn diese Angaben stimmen, bestätigen Sie bitte unten unsere Bedingungen und erteilen Sie den Auftrag.</p>
91
+    <p><strong>Wenn diese Angaben stimmen, bestätigen Sie bitte unten den Auftrag.</strong></p>
92 92
     <div class="card mb-3">
93 93
         <div class="card-header">Kundendaten</div>
94 94
         <div class="card-body"><p class="card-text">'.$adresse.'</p><p class="card-text">Tel.: '.$_SESSION['phone'].'</p>
... ...
@@ -145,7 +145,7 @@ $content .= '
145 145
         <div class="col-sm-10 col-xs-12"><label for="anmerkungen">Hier ist Platz für weitere Anmerkungen</label><textarea class="form-control" name="anmerkungen" placeholder="Weitere Anmerkungen">'.(isset($_SESSION['anmerkungen']) ? $_SESSION['anmerkungen'] : '').'</textarea></div>
146 146
     </div>
147 147
     <div class="form-group form-group-lg row justify-content-center">
148
-        <div class="col-sm-10"><div class="form-control"><label>Ich habe <a id="terms-link" href="https://mosterei-wurst.de/so-einfach-gehts/anlieferung-ohne-termin/spielregeln-fuer-die-anlieferung-in-unsere-gitterboxen/" target="_blank">die Spielregeln</a> gelesen und bin damit einverstanden.</label></div></div>
148
+        <div class="col-sm-10"><div class="form-control"><label>Mit dem Absenden nehmen Sie unsere <a id="terms-link" href="https://mosterei-wurst.de/so-einfach-gehts/anlieferung-ohne-termin/spielregeln-fuer-die-anlieferung-in-unsere-gitterboxen/" target="_blank">Spielregeln</a> zur Kenntnis.</label></div></div>
149 149
     </div>
150 150
     <div class="form-group form-group-lg">
151 151
         <div><input class="btn btn-primary btn-lg" type="submit" value="Auftrag absenden" name="submit" id="submit"></div>
... ...
@@ -46,8 +46,9 @@ if ($previous > 0) {
46 46
        <a href="<?= $previous ?>"><img src="assets/images/back.svg" width="65" height="65" alt="<"></a>
47 47
 <?php } ?>
48 48
         </div>
49
-        <div id="banner-headline"><h1><?= $headline ?></h1></div>
50 49
         <div id="banner-logo"><img src="assets/images/banner.svg" width="244" height="65" alt="Mosterei Wurst - Murrhardt-Köchersberg - 07192-936436"></div>
50
+        <div id="banner-headline"><h1><?= $headline ?></h1></div>
51
+        <div id="banner-clear"></div>
51 52
      </div>
52 53
   <div class="container text-center">
53 54
     <?= $content ?>
54 55