N°3535 Migrate dashboard editor modal to new design

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

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;
}
}
}