From 56f02ae40b6ccbc9ee2d69f1c0cea7d2ca72372b Mon Sep 17 00:00:00 2001 From: Alex Tselegidis Date: Sun, 26 Apr 2015 14:31:34 +0200 Subject: [PATCH] Modify CSS so that book_success.php is responsive. --- .../views/appointments/book_success.php | 119 ++++++++++-------- src/assets/css/frontend.css | 41 +++++- 2 files changed, 104 insertions(+), 56 deletions(-) diff --git a/src/application/views/appointments/book_success.php b/src/application/views/appointments/book_success.php index 2df60def..6e02d9e0 100644 --- a/src/application/views/appointments/book_success.php +++ b/src/application/views/appointments/book_success.php @@ -1,12 +1,16 @@ - <?php echo $this->lang->line('appointment_registered') . ' - ' . $company_name; ?> - + + + <?php echo $this->lang->line('appointment_registered') . ' - ' . $company_name; ?> - + @@ -16,38 +20,39 @@ + + + + - + - - + + + + - - - + -
- +
+
+
+ +
+ +
+
+ ' . $this->lang->line('appointment_registered') . ''; + echo '

' . $this->lang->line('appointment_details_was_sent_to_you') . '

'; -

lang->line('appointment_registered'); ?>

-

lang->line('appointment_details_was_sent_to_you'); ?>

- - config->item('ea_google_sync_feature')) { ?> - - - - '; - echo '

Unexpected Errors

'; - foreach($exceptions as $exc) { - echo exceptionToHtml($exc); - } - echo '
'; - } - ?> + if ($this->config->item('ea_google_sync_feature')) { + echo ' + '; + } + + // Display exceptions (if any). + if (isset($exceptions)) { + echo '
'; + echo '

Unexpected Errors

'; + foreach($exceptions as $exc) { + echo exceptionToHtml($exc); + } + echo '
'; + } + ?> +
+
+
- \ No newline at end of file diff --git a/src/assets/css/frontend.css b/src/assets/css/frontend.css index 6883e56e..1db72499 100644 --- a/src/assets/css/frontend.css +++ b/src/assets/css/frontend.css @@ -195,6 +195,18 @@ body { padding-left: 0px; } +/* BOOK SUCCESS + ------------------------------------------------------------------------- */ +#success-frame { + background: #FFF; + border: 1px solid #DDDADA; + padding: 70px; +} + +#success-frame #success-icon { + margin-top: 20px; +} + /* CANCEL APPOINTMENT ------------------------------------------------------------------------- */ @@ -215,20 +227,24 @@ body { display: inline; } -/* Mobile Devices +/* MOBILE DEVICES ------------------------------------------------------------------------- */ -@media(max-width:400px) { +@media(max-width:768px) { + /** + * BOOKING WIZARD + */ html, body { - height: auto; + min-height: 100%; } #main { + min-height: 100%; display: block; /* reset display */ } #main .wrapper { - height: auto; + min-height: 100%; display: block; /* reset display */ } @@ -306,4 +322,21 @@ body { .popover .popover-content #language-list .language { margin: 10px 0; } + + /** + * BOOK SUCCESS + */ + #success-frame { + text-align: center; + height: 100%; + border: none; + padding: 35px; + } + + #success-frame #success-icon { + width: 64px; + display: block; + margin: auto; + float: none !important; + } } \ No newline at end of file