composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-22 10:08:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°3573 - Migrate backoffice pages to new UIBlock system : System Information

Browse Source
This commit is contained in:
Eric
2021-04-09 09:45:23 +02:00
parent deed948f54
commit d594f28ed9
9 changed files with 133 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
css/backoffice/components/_datatable.scss
View File

@@ -8,6 +8,7 @@ $ibo-datatable--toolbar--padding-y: 0 !default;
$ibo-datatable--toolbar--text-color: $ibo-color-grey-700 !default;
$ibo-datatable--toolbar--elements-spacing: 1rem !default;
$ibo-datatable--toolbar--table-spacing: 18px !default;
$ibo-datatable-panel--table-spacing: 48px !default;
$ibo-datatable-panel--body--padding: $ibo-panel--body--padding-top 0px $ibo-panel--body--padding-bottom !default;
$ibo-datatable--selection-validation-buttons-toolbar--margin-top: 10px !default;
@@ -47,15 +48,27 @@ $ibo-list-column--max-height: 150px;
padding: $ibo-datatable-panel--body--padding;
}
.ibo-datatable-panel {
/* Above the table */
&:first-child {
margin-bottom: $ibo-datatable-panel--table-spacing;
}
/* below the table */
&:not(:first-child) {
margin-top: $ibo-datatable-panel--table-spacing;
}
}
// For cancel / OK / next... selection validation buttons
.ibo-datatable--selection-validation-buttons-toolbar {
clear: both;
margin-top: $ibo-datatable--selection-validation-buttons-toolbar--margin-top;
clear: both;
margin-top: $ibo-datatable--selection-validation-buttons-toolbar--margin-top;
}
.ibo-list-column {
max-height: $ibo-list-column--max-height;
overflow-y: auto;
max-height: $ibo-list-column--max-height;
overflow-y: auto;
}
.ibo-datatable .ibo-field-badge {

3
css/backoffice/utils/helpers/_all.scss
View File

@@ -20,4 +20,5 @@
@import "depression";
@import "elevation";
@import "misc";
@import "font-icon";
@import "font-icon";
@import "color";

42
css/backoffice/utils/helpers/_color.scss Normal file
View File

@@ -0,0 +1,42 @@
/*!
* Copyright (C) 2013-2021 Combodo SARL
*
* This file is part of iTop.
*
* iTop is free software; you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* iTop is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
*/
$ibo-text-colors: (
'primary': $ibo-color-primary-800,
'secondary': $ibo-color-secondary-800,
'neutral': $ibo-color-secondary-800,
'information': $ibo-color-information-800,
'success': $ibo-color-success-800,
'failure': $ibo-color-danger-800,
'warning': $ibo-color-warning-800,
'danger': $ibo-color-danger-800,
'grey' : $ibo-color-grey-800,
'blue-grey': $ibo-color-blue-grey-800,
'blue': $ibo-color-blue-800,
'cyan': $ibo-color-cyan-800,
'green': $ibo-color-green-800,
'orange': $ibo-color-orange-800,
'red': $ibo-color-red-800,
'pink': $ibo-color-pink-800,
) !default;
@each $sColor, $sColorValue in $ibo-text-colors {
.ibo-text.ibo-is-#{$sColor} {
color: $sColorValue;
}
}