mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-23 18:48:51 +02:00
N°3746 - Migrate modal to new UIBlock system
This commit is contained in:
acognet
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user