composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-30 05:58:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°3535 Migrate dashboard editor modal to new design

Browse Source
This commit is contained in:
Stephen Abello
2021-01-29 17:02:05 +01:00
parent 7d1a2668a1
commit 9ebf0ce1e5
25 changed files with 336 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/backoffice/components/input/_all.scss
View File

@@ -5,8 +5,11 @@
@import "input";
@import "input-select";
@import "input-checkbox";
@import "input-date";
@import "input-datetime";
@import "input-duration";
@import "input-select-icon";
@import "input-string";
@import "input-tagset";
@import "input-textarea";

7
css/backoffice/components/input/_input-checkbox.scss Normal file
View File

@@ -0,0 +1,7 @@
$ibo-input-checkbox--height: 16px !default;
$ibo-input-checkbox--width: auto !default;
.ibo-input-checkbox{
height: $ibo-input-checkbox--height;
width: $ibo-input-checkbox--width;
}

44
css/backoffice/components/input/_input-select-icon.scss Normal file
View File

@@ -0,0 +1,44 @@
$ibo-input-select-icon--icon--padding-right: 4px !default;
$ibo-input-select-icon--menu--z-index: 21 !default;
$ibo-input-select-icon--menu--max-height: 300px !default;
$ibo-input-select-icon--menu--icon--max-height: 80px !default;
$ibo-input-select-icon--menu--icon--max-width: 45px !default;
$ibo-input-select-icon--menu--icon--margin-right: 10px !default;
.ibo-input-select-icon{
>img{
max-height: 100%;
max-width: 100%;
padding-right: $ibo-input-select-icon--icon--padding-right;
}
}
.ibo-input-select-icon--menu {
position: absolute;
z-index: $ibo-input-select-icon--menu--z-index;
max-height: $ibo-input-select-icon--menu--max-height;
overflow-x: hidden;
overflow-y: auto;
@extend .ibo-popover-menu;
@extend .ibo-is-opened;
flex-wrap: nowrap;
}
.ibo-input-select-icon--menu--item {
@extend .ibo-popover-menu--item;
> * {
width: 100%;
white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;
> .ibo-input-select-icon--menu--icon {
max-width: $ibo-input-select-icon--menu--icon--max-height;
max-height: $ibo-input-select-icon--menu--icon--max-width;
margin-right: $ibo-input-select-icon--menu--icon--margin-right;
}
}
}

5
css/backoffice/components/input/_input-textarea.scss Normal file
View File

@@ -0,0 +1,5 @@
$ibo-input-text-area--min-height: 4rem !default;
.ibo-input-text-area{
min-height: $ibo-input-text-area--min-height;
}