mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-12 23:14:18 +01:00
104 lines
2.6 KiB
SCSS
104 lines
2.6 KiB
SCSS
$ibo-dashboard-editor--pane-padding: 16px 30px 16px 15px !default;
|
|
|
|
$ibo-dashlet--icon--height: 34px !default;
|
|
$ibo-dashlet--icon--width: $ibo-dashlet--icon--height !default;
|
|
$ibo-dashlet--icon--margin: 2px 5px !default;
|
|
|
|
$ibo-dashboard--properties--title--padding-bottom: 2rem !default;
|
|
|
|
$ibo-dashboard--properties--layout-list--padding-bottom: 12px !default;
|
|
|
|
$ibo-dashboard--properties--layout-list--button--margin: 0 15px 0 5px !default;
|
|
|
|
$ibo-dashboard-editor--padding: 0 !default;
|
|
|
|
$ibo-dashboard-editor--dashboard--border-right: solid 1px $ibo-color-grey-200 !default;
|
|
$ibo-dashboard-editor--dashboard--padding: 16px 15px 16px 30px !default;
|
|
|
|
$ibo-dashlet--delete--top: 7px !default;
|
|
$ibo-dashlet--delete--right: 9px !default;
|
|
$ibo-dashlet--delete--padding: 2px 6px !default;
|
|
$ibo-dashlet--delete--z-index: 21 !default;
|
|
|
|
|
|
.ibo-dashboard-editor--pane{
|
|
flex-grow: 1;
|
|
padding: $ibo-dashboard-editor--pane-padding;
|
|
overflow: auto;
|
|
}
|
|
|
|
.ibo-dashlet--icon{
|
|
display: inline-block;
|
|
height: $ibo-dashlet--icon--height;
|
|
width: $ibo-dashlet--icon--width;
|
|
margin: $ibo-dashlet--icon--margin;
|
|
cursor: grab;
|
|
&:active{
|
|
cursor: move;
|
|
}
|
|
}
|
|
.ibo-dashboard--properties,
|
|
.ibo-dashboard--available-dashlets,
|
|
.ibo-dashlet--properties{
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-bottom: 20px;
|
|
table{
|
|
width: 100%;
|
|
text-align: left;
|
|
td{
|
|
margin-bottom: 14px;
|
|
.ibo-field{
|
|
@extend %ibo-font-ral-med-100;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.ibo-dashboard--properties--title{
|
|
padding-bottom: $ibo-dashboard--properties--title--padding-bottom;
|
|
@extend %ibo-font-ral-med-250;
|
|
}
|
|
.ibo-dashboard--properties--subtitle,
|
|
.ibo-dashboard--available-dashlet--title,
|
|
.ibo-dashlet--properties--title{
|
|
@extend .ibo-fieldset-legend;
|
|
@extend %ibo-font-ral-med-150;
|
|
}
|
|
|
|
.ibo-dashboard--properties--layout-list {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-bottom: $ibo-dashboard--properties--layout-list--padding-bottom;
|
|
> .ui-button {
|
|
display: inline-block;
|
|
height: auto;
|
|
margin: $ibo-dashboard--properties--layout-list--button--margin;
|
|
}
|
|
}
|
|
.ibo-dashboard--available-dashlets--list{
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#dashboard_editor{
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: $ibo-dashboard-editor--padding;
|
|
> .itop-dashboard{
|
|
resize: horizontal;
|
|
overflow: scroll;
|
|
border-right: $ibo-dashboard-editor--dashboard--border-right;
|
|
padding: $ibo-dashboard-editor--dashboard--padding;
|
|
}
|
|
}
|
|
.ibo-dashlet--delete{
|
|
position: absolute;
|
|
top: $ibo-dashlet--delete--top;
|
|
right: $ibo-dashlet--delete--right;
|
|
padding: $ibo-dashlet--delete--padding;
|
|
z-index: $ibo-dashlet--delete--z-index;
|
|
@extend .ibo-button;
|
|
@extend .ibo-is-alternative;
|
|
@extend .ibo-is-danger;
|
|
} |