Removed hardcoded size values from frontend book.php

This commit is contained in:
Alex Tselegidis 2015-04-22 22:44:59 +02:00
parent 4d57b8f045
commit cfb4a43dfd
2 changed files with 289 additions and 270 deletions

View file

@ -3,6 +3,7 @@
<head> <head>
<title><?php echo $this->lang->line('page_title') . ' ' . $company_name; ?></title> <title><?php echo $this->lang->line('page_title') . ' ' . $company_name; ?></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#35A768"> <meta name="theme-color" content="#35A768">
@ -85,7 +86,7 @@
$(document).ready(function() { $(document).ready(function() {
FrontendBook.initialize(true, GlobalVariables.manageMode); FrontendBook.initialize(true, GlobalVariables.manageMode);
GeneralFunctions.centerElementOnPage($('#book-appointment-wizard')); // GeneralFunctions.centerElementOnPage($('#book-appointment-wizard'));
GeneralFunctions.enableLanguageSelection($('#select-language')); GeneralFunctions.enableLanguageSelection($('#select-language'));
}); });
</script> </script>
@ -93,8 +94,8 @@
<body> <body>
<div id="main" class="container"> <div id="main" class="container">
<div class="wrapper row">
<div id="book-appointment-wizard"> <div id="book-appointment-wizard" class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<?php <?php
// ------------------------------------------------------ // ------------------------------------------------------
@ -387,6 +388,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<script <script
type="text/javascript" type="text/javascript"
src="<?php echo $this->config->base_url(); ?>/assets/js/general_functions.js"></script> src="<?php echo $this->config->base_url(); ?>/assets/js/general_functions.js"></script>

View file

@ -13,18 +13,35 @@ root {
display: block; display: block;
} }
html,
body {
height: 100%;
}
body { body {
background-color: #CAEDF3; background-color: #CAEDF3;
} }
#main {
display: table;
vertical-align: middle;
}
#main .wrapper {
height: 100vh;
display: table-cell;
vertical-align: middle;
}
/* BOOK APPOINTMENT WIZARD /* BOOK APPOINTMENT WIZARD
------------------------------------------------------------------------------ */ ------------------------------------------------------------------------------ */
#book-appointment-wizard { #book-appointment-wizard {
width: 660px;
background: #FFF; background: #FFF;
box-shadow: 0px 1px 1px #B6B6B6; box-shadow: 0px 1px 1px #B6B6B6;
min-height: 480px; min-height: 480px;
padding: 0;
} }
#book-appointment-wizard #header { #book-appointment-wizard #header {