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

View file

@ -13,18 +13,35 @@ root {
display: block;
}
html,
body {
height: 100%;
}
body {
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 {
width: 660px;
background: #FFF;
box-shadow: 0px 1px 1px #B6B6B6;
min-height: 480px;
padding: 0;
}
#book-appointment-wizard #header {