From 41136a6d66321e734fac710230f6eeae37fc8089 Mon Sep 17 00:00:00 2001 From: Alex Tselegidis Date: Sun, 26 Apr 2015 16:32:50 +0200 Subject: [PATCH] Converted message.php to responsive. --- .../views/appointments/message.php | 91 +++++++++++-------- src/assets/css/frontend.css | 7 +- 2 files changed, 57 insertions(+), 41 deletions(-) diff --git a/src/application/views/appointments/message.php b/src/application/views/appointments/message.php index 68c27764..5622493f 100644 --- a/src/application/views/appointments/message.php +++ b/src/application/views/appointments/message.php @@ -1,12 +1,16 @@ - <?php echo $company_name; ?> - + + + <?php echo $company_name; ?> - + @@ -20,53 +24,60 @@ type="text/javascript" src="config->base_url(); ?>/assets/js/general_functions.js"> - + - + - + - - + -
- -

-

- '; - echo '

Unexpected Errors

'; - foreach($exceptions as $exception) { - echo exceptionToHtml($exception); - } - echo '
'; - } - ?> +
+
+ +
+ +
+ +
+ +
+ ' . $message_title . ''; + echo '

' . $message_text . '

'; + + // Display exceptions (if any). + if (isset($exceptions)) { + echo '
'; + echo '

Unexpected Errors

'; + foreach($exceptions as $exception) { + echo exceptionToHtml($exception); + } + echo '
'; + } + ?> +
+
+ +
\ No newline at end of file diff --git a/src/assets/css/frontend.css b/src/assets/css/frontend.css index 41fdb617..b1e91ecf 100644 --- a/src/assets/css/frontend.css +++ b/src/assets/css/frontend.css @@ -195,18 +195,21 @@ body { padding-left: 0px; } -/* BOOK SUCCESS +/* BOOK SUCCESS & MESSAGE ------------------------------------------------------------------------- */ +#message-frame, #success-frame { background: #FFF; border: 1px solid #DDDADA; padding: 70px; } +#message-frame #message-icon, #success-frame #success-icon { margin-top: 20px; } +#message-frame .alert, #success-frame .alert { margin-top: 20px; } @@ -324,6 +327,7 @@ body { /** * BOOK SUCCESS */ + #message-frame, #success-frame { text-align: center; height: 100%; @@ -331,6 +335,7 @@ body { padding: 35px; } + #message-frame #message-icon, #success-frame #success-icon { width: 64px; display: block;