composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-12 23:14:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

Harmonize setup look with backoffice one and force navigation buttons to remain at the same position at every setup step 🙉🙉🙉

Browse Source
This commit is contained in:
Stephen Abello
2021-06-15 15:03:50 +02:00
parent c0be48ceee
commit 27da8470b7
4 changed files with 919 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
css/setup.scss
View File

@@ -22,8 +22,8 @@ $approot-relative: '../' !default;
@import "backoffice/main";
$content-border-color: #CBD2D9 !default;
$default-font-color: #1A202C !default;
$content-border-color: $ibo-color-grey-400 !default;
$default-font-color: $ibo-color-grey-900 !default;
$legend-border-color: #718096 !default;
$link-default-color: #1c94c4 !default;
$link-hover-color: #EA7D1E !default;
@@ -89,7 +89,9 @@ $progress-bar-error-bg-color: #F56565 !default;
/* Theme */
body {
background-color: #eee;
display: flex;
flex-direction: column;
background-color: $ibo-color-grey-100;
color: $default-font-color;
margin: 0;
padding: 0;
@@ -307,7 +309,6 @@ fieldset {
}
.module-selection-body {
height: 28em;
overflow: auto;
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06) !important;
background-color: #F7FAFC;
@@ -340,6 +341,11 @@ body {
width: 800px;
margin-left: auto;
margin-right: auto;
height: 100%;
display: flex;
flex-direction: column;
padding: 20px 0;
pre {
white-space: pre-wrap;
@@ -355,11 +361,11 @@ body {
.ibo-setup--header {
background-color: #fff;
padding: 20px;
padding: 0 20px;
border: 3px solid $content-border-color;
margin-top: 50px;
height: 80px;
border-bottom: none;
border-radius: $ibo-border-radius-300 $ibo-border-radius-300 0 0;
img {
border: 0;
@@ -377,7 +383,29 @@ body {
padding: 20px;
border: 3px solid $content-border-color;
border-top: none;
flex-grow: 1;
overflow: auto;
border-radius: 0 0 $ibo-border-radius-300 $ibo-border-radius-300;
.ibo-setup--wizard{
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
.ibo-setup--wizard--content{
overflow: auto;
}
.ibo-setup--wizard--buttons-container{
margin-top: auto;
tr{
display: flex;
justify-content: flex-end;
}
button {
margin-left: 8px;
}
}
}
.itop-setup--message {
margin-top: 16px;
}