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

N°3746 - Migrate modal to new UIBlock system

Browse Source
This commit is contained in:
acognet
2021-02-26 10:05:02 +01:00
parent 1060c0ca94
commit cebbc215d7
38 changed files with 1094 additions and 868 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
css/backoffice/components/_button.scss
View File

@@ -8,15 +8,18 @@ $ibo-button--box-shadow-top: inset 0px 2px 0px !default;
$ibo-button--label--margin-left: 4px !default;
$ibo-button--vertical-align--margin-bottom: 4px !default;
$ibo-button--vertical-align--margin-top: 4px !default;
$ibo-button-colors: (
'regular': (
/* Semantics */
'neutral': (
'': (
$ibo-color-secondary-100,
$ibo-color-grey-900,
$ibo-button--box-shadow-bottom $ibo-color-secondary-300,
),
'regular': (
/* Semantics */
'neutral': (
'': (
$ibo-color-secondary-100,
$ibo-color-grey-900,
$ibo-button--box-shadow-bottom $ibo-color-secondary-300,
),
':hover': (
$ibo-color-secondary-200,
$ibo-color-grey-900,
@@ -399,13 +402,18 @@ $ibo-button-colors: (
margin-left: $ibo-button--sibling-spacing;
}
&.ibo-action-button {
float: right;
}
&.ibo-action-button {
float: right;
}
}
/* Only when a button has both an icon and a label */
.ibo-button--icon + .ibo-button--label {
margin-left: $ibo-button--label--margin-left;
margin-left: $ibo-button--label--margin-left;
}
.ibo-button--vertical-align {
margin-top: $ibo-button--vertical-align--margin-top;
margin-bottom: $ibo-button--vertical-align--margin-bottom;
}

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

@@ -47,31 +47,34 @@ $ibo-datatable--sorting--right: 1em !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;
$ibo-list-column--max-height: 150px;
.ibo-datatable {
padding-bottom: $ibo-datatable--padding-y;
padding-top: $ibo-datatable--padding-y;
padding-bottom: $ibo-datatable--padding-y;
padding-top: $ibo-datatable--padding-y;
thead tr th, tbody tr td {
line-height: $ibo-datatable-cell-row--line-height;
padding-right: $ibo-datatable-cell-row--padding-x;
padding-left: $ibo-datatable-cell-row--padding-x;
@extend %ibo-font-ral-med-100;
a {
color: $ibo-datatable-cell-row--link--color;
}
}
thead tr th, tbody tr td {
line-height: $ibo-datatable-cell-row--line-height;
padding-right: $ibo-datatable-cell-row--padding-x;
padding-left: $ibo-datatable-cell-row--padding-x;
@extend %ibo-font-ral-med-100;
.ibo-datatable-header.sorting, .ibo-datatable-header.sorting_asc, .ibo-datatable-header.sorting_desc {
cursor: pointer;
}
a {
color: $ibo-datatable-cell-row--link--color;
}
}
tbody tr:nth-child(odd) {
background-color: $ibo-datatable-row--odd--background-color;
}
.ibo-datatable-header.sorting, .ibo-datatable-header.sorting_asc, .ibo-datatable-header.sorting_desc {
cursor: pointer;
}
tbody tr:nth-child(even) {
background-color: $ibo-datatable-row--even--background-color;
}
tbody tr:nth-child(odd) {
background-color: $ibo-datatable-row--odd--background-color;
}
tbody tr:nth-child(even) {
background-color: $ibo-datatable-row--even--background-color;
}
}
.dataTables_length {
@extend %ibo-font-ral-med-100;
@@ -151,37 +154,47 @@ $ibo-datatable--selection-validation-buttons-toolbar--margin-top: 10px !default;
box-shadow: $ibo-datatable--paginate-button-active--link--box-shadow;
border-radius: $ibo-border-radius-300;
}
.ibo-datatable thead tr th{
position: relative;
.ibo-datatable thead tr th {
position: relative;
}
.ibo-datatable thead tr th.sorting::after{
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f0dc";
font-weight: 900;
opacity: $ibo-datatable--sorting--opacity;
right: $ibo-datatable--sorting--right;
.dataTables_scrollHead thead tr th.sorting::after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f0dc";
font-weight: 900;
opacity: $ibo-datatable--sorting--opacity;
right: $ibo-datatable--sorting--right;
}
.ibo-datatable thead tr th.sorting_desc:after{
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f0d7";
font-weight: 900;
right: $ibo-datatable--sorting--right;
.dataTables_scrollHead thead tr th.sorting_desc:after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f0d7";
font-weight: 900;
right: $ibo-datatable--sorting--right;
}
.ibo-datatable thead tr th.sorting_asc:after{
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d8";
right: $ibo-datatable--sorting--right;
.dataTables_scrollHead thead tr th.sorting_asc:after {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d8";
right: $ibo-datatable--sorting--right;
}
.ibo-datatable-panel > .ibo-panel--body {
padding: $ibo-datatable-panel--body--padding;
padding: $ibo-datatable-panel--body--padding;
}
// For cancel / OK / next... selection validation buttons
.ibo-datatable--selection-validation-buttons-toolbar {
clear: both;
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;
}

2
css/backoffice/components/_fieldset.scss
View File

@@ -13,7 +13,7 @@ $ibo-fieldset--legend--border-bottom-color: $ibo-color-grey-500 !default;
$ibo-fieldset--legend--border-bottom-style: solid !default;
.ibo-fieldset {
& ~ .ibo-fieldset {
& ~ .ibo-fieldset:not(.ibo-column) {
margin-top: $ibo-fieldset--sibling-spacing;
}
}

6
css/backoffice/components/dashlet/_dashlet.scss
View File

@@ -21,3 +21,9 @@ $ibo-dashlet--elements-spacing-y: 24px !default;
.ibo-dashlet--is-inline{
width: $ibo-dashlet--width--is-inline;
}
.ibo-details > .ibo-prop--apply {
display: table-column;
}
.ibo-details{
margin-top: 5px;
}

9
css/backoffice/components/input/_input-textarea.scss
View File

@@ -1,5 +1,10 @@
$ibo-input-text-area--min-height: 4rem !default;
.ibo-input-text-area{
min-height: $ibo-input-text-area--min-height;
.ibo-input-text-area {
min-height: $ibo-input-text-area--min-height;
}
.ibo-input-text-area--export {
width: 100%;
min-height: 15em;
}

43
css/backoffice/components/input/_input.scss
View File

@@ -26,15 +26,18 @@ $ibo-input--placeholder--color: $ibo-color-grey-700 !default;
$ibo-input-wrapper--is-error--background-color: $ibo-color-red-200 !default;
$ibo-input-wrapper--is-error--border-color: $ibo-color-red-600 !default;
$ibo-field-validation: $ibo-color-red-700 !default;
.ibo-input{
@extend %ibo-vertically-centered-content;
height: $ibo-input--height;
width: $ibo-input--width;
background-color: $ibo-input--background-color;
color: $ibo-input--color;
padding: $ibo-input--padding-y $ibo-input--padding-x;
border: 1px solid $ibo-input--border-color;
border-radius: $ibo-input--border-radius;
$ibo-input--margin-x: 5px !default;
.ibo-input {
@extend %ibo-vertically-centered-content;
height: $ibo-input--height;
width: $ibo-input--width;
background-color: $ibo-input--background-color;
color: $ibo-input--color;
padding: $ibo-input--padding-y $ibo-input--padding-x;
border: 1px solid $ibo-input--border-color;
border-radius: $ibo-input--border-radius;
&:focus{
border: 1px solid $ibo-input--focus--border-color;
@@ -50,13 +53,23 @@ $ibo-field-validation: $ibo-color-red-700 !default;
.ibo-input-wrapper.is-error {
.ibo-input{
background-color: $ibo-input-wrapper--is-error--background-color;
border: 1px solid $ibo-input-wrapper--is-error--border-color;
}
border: 1px solid $ibo-input-wrapper--is-error--border-color;
}
}
.ibo-field-validation{
color: $ibo-field-validation;
.ibo-field-validation {
color: $ibo-field-validation;
}
.file-input {
display:block;
position: relative;
display: block;
position: relative;
}
.ibo-input--label-right {
margin-right: $ibo-input--margin-x;
}
.ibo-input--label-left {
margin-leftt: $ibo-input--margin-x;
}

15
css/backoffice/layout/multi-column/_column.scss
View File

@@ -4,6 +4,7 @@
*/
$ibo-column--min-width: 300px !default;
$ibo-mini-column--min-width: 30px !default;
$ibo-column--padding-x: abs($ibo-multi-column--margin-x) !default;
$ibo-column--padding-y: 0 !default;
@@ -16,7 +17,19 @@ $ibo-column--margin-bottom--is-last-element: 48px !default;
padding: $ibo-column--padding-y $ibo-column--padding-x;
flex-basis: 10%;
&:not(:last-child){
&:not(:last-child) &:not(.ibo-without-margin) {
margin-bottom: $ibo-column--margin-bottom--is-last-element;
}
}
.ibo-mini-column {
min-width: $ibo-mini-column--min-width;
flex-grow: 1;
flex-shrink: 1;
padding: $ibo-column--padding-y $ibo-column--padding-x;
flex-basis: 10%;
&:not(:last-child) {
margin-bottom: $ibo-column--margin-bottom--is-last-element;
}
}

1
css/backoffice/pages/_all.scss
View File

@@ -19,4 +19,5 @@
@import "base";
@import "preferences";
@import "attachments";
@import "tabularfieldsselector";
@import "impact-analysis";

35
css/backoffice/pages/_tabularfieldsselector.scss Normal file
View File

@@ -0,0 +1,35 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
.ibo-table-preview {
margin-top: 20px;
th {
padding: 5px;
border-width: 1px 1px 0;
border-style: groove groove none;
background: $ibo-body-background-color;
}
td {
padding-right: 5px;
padding-left: 5px;
border-width: 0 1px;
border-style: none groove;
}
tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: groove;
}
}
.ibo-preview-header {
margin-bottom: 5px;
}
#form_part_interactive_fields_xlsx, #form_part_interactive_fields_csv, #form_part_interactive_fields_pdf {
margin-top: $ibo-panel--spacing-top;
}

1
css/backoffice/vendors/_jqueryui.scss vendored
View File

@@ -81,6 +81,7 @@ $ibo-vendors-jqueryui--ui-slider--ui-slider-handle--hover--border-color: $ibo-co
.ui-dialog-content {
position: relative;
padding: 16px $ibo-vendors-jqueryui--ui-dialog--padding-x;
overflow: auto;
}
.ui-dialog-buttonpane {
margin-top: auto;