Fix style install page

pull/3282/head
Angel Fernando Quiroz Campos 5 years ago
parent f93a4252b6
commit 1c5718941d
  1. 2
      assets/css/app.scss
  2. 2
      assets/css/bootstrap.scss
  3. 6
      assets/css/scss/_install.scss
  4. 4
      assets/css/scss/_login.scss
  5. 7
      assets/js/vendor.js
  6. 107
      public/main/install/index.php
  7. 2
      public/main/install/install.lib.php

@ -21,7 +21,7 @@
//
@import "~select2/dist/css/select2.css";
//@import "~bootstrap-daterangepicker/daterangepicker.css";
//@import "~bootstrap-select/dist/css/bootstrap-select.css";
@import "~bootstrap-select/sass/bootstrap-select";
//
//@import '~pretty-checkbox/src/pretty-checkbox.scss';
//@import '~jquery-ui/themes/base/all.css';

@ -1,2 +0,0 @@
@import "~bootstrap/scss/bootstrap";
@import "~@fortawesome/fontawesome-free/css/all.css";

@ -1,17 +1,13 @@
.bg-install{
background: #0068d8 !important;
@include portrait($breakpoint-sm, $breakpoint-md){
padding-top: 10px;
padding-bottom: 10px;
}
.install-box{
width: 100%;
max-width: 65%;
padding: 50px 40px;
margin: auto;
background-color: $default-white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
.install-icon{

@ -2,10 +2,6 @@ html,
body {
height: 100%;
.bg-chamilo {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
background: #0068d8;

@ -7,9 +7,9 @@ require('webpack-jquery-ui/css');
// JS is equivalent to the normal 'bootstrap' package
// no need to set this to a variable, just require it
require('bootstrap');
import 'bootstrap';
require('@coreui/coreui/dist/js/coreui.min.js');
require('chosen-js');
// require('chosen-js');
require('mediaelement');
// require('pace-js-amd-fix');
require('multiselect-two-sides');
@ -24,7 +24,8 @@ require('blueimp-file-upload');
require('select2');
require('timeago');
require('sweetalert2');
require('bootstrap-select/dist/js/bootstrap-select.js');
import 'bootstrap-select';
require('bootstrap-daterangepicker');
require('fullcalendar/dist/fullcalendar.js');
require('fullcalendar/dist/gcal.js');

@ -719,10 +719,7 @@ $poweredBy = 'Powered by <a href="http://www.chamilo.org" target="_blank"> Chami
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style type="text/css" media="screen, projection">
@import "../../build/css/app.css";
@import "../../build/css/themes/chamilo/default.css";
</style>
<link rel="stylesheet" href="../../build/css/app.css">
<script type="text/javascript" src="../../../build/runtime.js"></script>
<script type="text/javascript" src="../../../build/app.js"></script>
<script>
@ -806,56 +803,60 @@ $poweredBy = 'Powered by <a href="http://www.chamilo.org" target="_blank"> Chami
}
</script>
</head>
<body class="bg-chamilo bg-install">
<div class="install-box">
<div class="row">
<div class="col-md-4">
<div class="logo-install">
<img src="../../build/css/themes/chamilo/images/header-logo.png" class="img-fluid" alt="Chamilo" />
<body class="bg-chamilo bg-install container">
<div class="row justify-content-md-center">
<div class="col col-md-12">
<div class="install-box">
<div class="row">
<div class="col-md-4">
<div class="logo-install">
<img src="../../build/css/themes/chamilo/images/header-logo.png" class="img-fluid" alt="Chamilo" />
</div>
<div class="install-steps">
<ol class="list-group">
<li class="list-group-item <?php step_active('1'); ?>">
<span class="number"> 1 </span>
<?php echo $translator->trans('Installation language'); ?>
</li>
<li class="list-group-item <?php step_active('2'); ?>">
<span class="number"> 2 </span>
<?php echo $translator->trans('Requirements'); ?>
</li>
<li class="list-group-item <?php step_active('3'); ?>">
<span class="number"> 3 </span>
<?php echo $translator->trans('Licence'); ?>
</li>
<li class="list-group-item <?php step_active('4'); ?>">
<span class="number"> 4 </span>
<?php echo $translator->trans('Database settings'); ?>
</li>
<li class="list-group-item <?php step_active('5'); ?>">
<span class="number"> 5 </span>
<?php echo $translator->trans('Config settings'); ?>
</li>
<li class="list-group-item <?php step_active('6'); ?>">
<span class="number"> 6 </span>
<?php echo $translator->trans('Show Overview'); ?>
</li>
<li class="list-group-item <?php step_active('7'); ?>">
<span class="number"> 7 </span>
<?php echo $translator->trans('Install'); ?>
</li>
</ol>
</div>
<div id="note">
<a class="btn btn-info btn-block" href="<?php echo $installationGuideLink; ?>" target="_blank">
<em class="fa fa-file-text-o"></em> <?php echo $translator->trans('Read the installation guide'); ?>
</a>
</div>
</div>
<div class="col-md-8">
<form class="form-horizontal" id="install_form" method="post"
action="<?php echo api_get_self(); ?>?running=1&amp;installType=<?php echo $installType; ?>&amp;updateFromConfigFile=<?php echo urlencode($updateFromConfigFile); ?>">
<?php echo $form; ?>
</form>
</div>
</div>
<div class="install-steps">
<ol class="list-group">
<li class="list-group-item <?php step_active('1'); ?>">
<span class="number"> 1 </span>
<?php echo $translator->trans('Installation language'); ?>
</li>
<li class="list-group-item <?php step_active('2'); ?>">
<span class="number"> 2 </span>
<?php echo $translator->trans('Requirements'); ?>
</li>
<li class="list-group-item <?php step_active('3'); ?>">
<span class="number"> 3 </span>
<?php echo $translator->trans('Licence'); ?>
</li>
<li class="list-group-item <?php step_active('4'); ?>">
<span class="number"> 4 </span>
<?php echo $translator->trans('Database settings'); ?>
</li>
<li class="list-group-item <?php step_active('5'); ?>">
<span class="number"> 5 </span>
<?php echo $translator->trans('Config settings'); ?>
</li>
<li class="list-group-item <?php step_active('6'); ?>">
<span class="number"> 6 </span>
<?php echo $translator->trans('Show Overview'); ?>
</li>
<li class="list-group-item <?php step_active('7'); ?>">
<span class="number"> 7 </span>
<?php echo $translator->trans('Install'); ?>
</li>
</ol>
</div>
<div id="note">
<a class="btn btn-info btn-block" href="<?php echo $installationGuideLink; ?>" target="_blank">
<em class="fa fa-file-text-o"></em> <?php echo $translator->trans('Read the installation guide'); ?>
</a>
</div>
</div>
<div class="col-md-8">
<form class="form-horizontal" id="install_form" method="post"
action="<?php echo api_get_self(); ?>?running=1&amp;installType=<?php echo $installType; ?>&amp;updateFromConfigFile=<?php echo urlencode($updateFromConfigFile); ?>">
<?php echo $form; ?>
</form>
</div>
<footer class="install-footer">
<?php echo $poweredBy; ?>

@ -671,7 +671,7 @@ function display_language_selection_box(
'language_list',
$language_list,
$default_language,
['class' => 'form-control selectpicker show-tick form-control'],
['class' => 'selectpicker'],
false
);

Loading…
Cancel
Save