New style to preinstall check

Digital-Peak · Aug 29, 2017 · 42e5517 · 42e5517
1 parent 0a43128
commit 42e5517
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/installation/template/css/template.css b/installation/template/css/template.css
@@ -8790,7 +8790,7 @@ body {
   position: relative;
   display: -ms-flexbox;
   display: flex;
-  margin: 20px 0;
+  margin: 0 0 20px;
   background: #fafafa;
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }

diff --git a/installation/template/css/template.css.map b/installation/template/css/template.css.map
diff --git a/installation/template/scss/template.scss b/installation/template/scss/template.scss
@@ -123,7 +123,7 @@ body {
 .alert {
   position: relative;
   display: flex;
-  margin: 20px 0;
+  margin: 0 0 20px;
   background: #fafafa;
   border: 1px solid rgba(0,0,0,.1);
   box-shadow: 0 0 10px rgba(0,0,0,.05);

diff --git a/installation/view/preinstall/tmpl/default.php b/installation/view/preinstall/tmpl/default.php
@@ -13,10 +13,11 @@
 <div id="installer-view" class="container" data-page-name="preinstall">
 		<div class="row">
 			<div class="col-md-12 mb-4">
-				<h3 class="text-center"><?php echo JText::_('INSTL_PRECHECK_TITLE'); ?></h3>
-				<hr>
-				<div class="row">
-					<div class="col-md-8 offset-md-2">
+				<div class="j-install-step active">
+					<div class="j-install-step-header">
+						<span class="fa fa-check" aria-hidden="true"></span> <?php echo JText::_('INSTL_PRECHECK_TITLE'); ?>
+					</div>
+					<div class="j-install-step-form">
 						<?php foreach ($this->options as $option) : ?>
 							<?php if ($option->state === 'JNO' || $option->state === false) : ?>
 								<div class="alert preinstall-alert">
@@ -32,6 +33,8 @@
 						<?php endforeach; ?>
 					</div>
 				</div>
+
+
 				<?php if ($option->state === false && preg_match('$configuration.php$', $option->label)) : ?>
 					<div id="ftpOptions" class="ftp-options mb-4 hidden">
 						<form action="index.php" method="post" id="ftpForm" class="form-validate">