mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-26 20:18:52 +02:00
N°3535 Migrate dashboard editor modal to new design
This commit is contained in:
44
css/backoffice/components/input/_input-select-icon.scss
Normal file
44
css/backoffice/components/input/_input-select-icon.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user