Optimierungen für Handy-Displays (3a2260f) - bibweb.git

Optimierungen für Handy-Displays

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

.gitignore 7aa99c1..cea17d0
assets/style.css a9fa84f..f68123b
finish.php 8868cc9..13498f0
summary.php a593c37..c90af91
template.php 47f4ef5..c780a33

.gitignore

...	...	@@ -1,2 +1,3 @@
1	1	vendor
2	2	config.php
	3	+internal/config.php

assets/style.css

Zeige Datei @ 3a2260f

@@ -11,29 +11,39 @@ body {
     width: 100%;
     background-color: #007900;
     padding: 0.5em;
+    overflow: hidden;
 }
 
 
 #banner-back {
-    display: table-cell;
     width: 65px;
     text-align: left;
+    float: left;
 }
 
 #banner-headline {
-    display: table-cell;
     width: 100%;
-    height: 65px;
+    min-height: 65px;
     text-align: center;
     color: #ffc;
 }
+#banner-headline h1 {
+    display: inline;
+}
 
 #banner-logo {
-    display: table-cell;
+    float: right;
     width: 244px;
     text-align: right;
 }
 
+#banner-clear {
+    clear: both;
+    height: 0px;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+}
 
 h1, h2, h3 {
   font-family: "Caveat Brush";
@@ -51,6 +61,21 @@ h1, h2, h3 {
     }
 }
 
+@media(max-width: 991px) {
+    #banner-headline {
+        clear: both;
+    }
+
+    .modal-footer button,
+    .modal-footer a {
+        max-width: 50%;
+        font-size: 100%;
+    }
+
+}
+
+
+
 .modal-body.terms {
     text-align: left;
     max-height: 500px;

finish.php

Zeige Datei @ 3a2260f

@@ -19,7 +19,7 @@ $number = format_number($_SESSION['phone']);
 
 $headline = 'Vielen Dank für Ihren Auftrag!';
 $url = 'https://auftrag.mosterei-wurst.de/view/'.$_REQUEST['handle'];
-if (isset($_SESSION['mode']) && $_SESSION['mode'] == 'local') {
+if (!(isset($_SESSION['mode']) && $_SESSION['mode'] == 'local')) {
     $url = '<a href="'.$url.'">'.$url.'</a>';
 }
 $content = '<p>Der Verarbeitungscode lautet: '.$_REQUEST['handle'].'</p>
@@ -28,7 +28,7 @@ $content = '<p>Der Verarbeitungscode lautet: '.$_REQUEST['handle'].'</p>
     <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>
 ';
 
-if (substr($number, 0, 5) == '+49 1') {
+if (substr($number, 0, 5) == '+49 1' && isset($_SESSION['mode']) && $_SESSION['mode'] == 'local') {
     $content .= '<p>Wenn Sie möchten, können Sie den Link auch per SMS erhalten.</p>
     <div class="form-group form-group-lg">
         <div><a class="btn btn-outline-secondary btn-lg" href="smsauftrag.php?handle='.$_REQUEST['handle'].'">Diesen Link per SMS erhalten</a></div>

summary.php

Zeige Datei @ 3a2260f

@@ -88,7 +88,7 @@ if ($_SESSION['address'] == 'bekannt' && $_SESSION['city'] == 'bekannt') {
 
 $content .= '
     <p>Aus Ihren Angaben haben wir folgenden Auftrag ermittelt.</p>
-    <p>Wenn diese Angaben stimmen, bestätigen Sie bitte unten unsere Bedingungen und erteilen Sie den Auftrag.</p>
+    <p><strong>Wenn diese Angaben stimmen, bestätigen Sie bitte unten den Auftrag.</strong></p>
     <div class="card mb-3">
         <div class="card-header">Kundendaten</div>
         <div class="card-body"><p class="card-text">'.$adresse.'</p><p class="card-text">Tel.: '.$_SESSION['phone'].'</p>
@@ -145,7 +145,7 @@ $content .= '
         <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>
     </div>
     <div class="form-group form-group-lg row justify-content-center">
-        <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>
+        <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>
     </div>
     <div class="form-group form-group-lg">
         <div><input class="btn btn-primary btn-lg" type="submit" value="Auftrag absenden" name="submit" id="submit"></div>

template.php

Zeige Datei @ 3a2260f

@@ -46,8 +46,9 @@ if ($previous > 0) {
        <a href="<?= $previous ?>"><img src="assets/images/back.svg" width="65" height="65" alt="<"></a>
 <?php } ?>
         </div>
-        <div id="banner-headline"><h1><?= $headline ?></h1></div>
         <div id="banner-logo"><img src="assets/images/banner.svg" width="244" height="65" alt="Mosterei Wurst - Murrhardt-Köchersberg - 07192-936436"></div>
+        <div id="banner-headline"><h1><?= $headline ?></h1></div>
+        <div id="banner-clear"></div>
      </div>
   <div class="container text-center">
     <?= $content ?>


...	...	@@ -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