Files
iTop/css/backoffice/pages/_impact-analysis.scss
2025-09-02 16:30:20 +02:00

130 lines
3.6 KiB
SCSS

/*
* @copyright Copyright (C) 2010-2024 Combodo SAS
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-impact-analysis--graph-zoom-slider--height: 1.1em !default;
$ibo-impact-analysis--graph-zoom-slider--width: 10em !default;
$ibo-impact-analysis--graph-zoom-plus-minus--margin-x: 0.5em !default;
$ibo-simple-graph--margin-top: 10px !default;
$ibo-simple-graph--border-radius: 5px !default;
$ibo-simple-graph--hover--border-color: $ibo-color-grey-800 !default;
$ibo-simple-graph--grouping-threshold-additional-context--container--margin-right: 0.3em !default;
$ibo-simple-graph--grouping-threshold-additional-context--content--margin-right: 1em !default;
$ibo-impact-analysis--graph-zoom-slider--width: 10em !default;
$ibo-impact-analysis--impacted-objects-lists--elements-spacing: $ibo-spacing-600 !default;
$ibo-display-graph--search-box--criterion--content--padding-y: $ibo-spacing-0 !default;
$ibo-display-graph--search-box--criterion--content--padding-x: 15px !default;
$ibo-display-graph--search-box--criterion--content--checkbox--margin-right: 10px !default;
$ibo-display-graph--graph-grouping-threshold--padding-right: $ibo-spacing-0 !default;
$ibo-display-graph--impacted-placeholder-height: $ibo-size-650 !default;
.itop-simple-graph {
margin-top: $ibo-simple-graph--margin-top;
border: 1px dotted transparent;
border-radius: $ibo-simple-graph--border-radius;
&.ibo-has-focus {
border: 1px dotted $ibo-simple-graph--hover--border-color;
}
}
.graph_zoom {
display: flex;
float: right;
align-items: center;
}
.graph_zoom_slider {
height: $ibo-impact-analysis--graph-zoom-slider--height;
display: inline-block;
width: $ibo-impact-analysis--graph-zoom-slider--width;
}
.graph_zoom_plus, .graph_zoom_minus {
cursor: pointer;
display: inline-block;
margin-left: $ibo-impact-analysis--graph-zoom-plus-minus--margin-x;
margin-right:$ibo-impact-analysis--graph-zoom-plus-minus--margin-x;
}
.graph_config{
display: flex;
align-items: center;
flex-wrap: wrap;
.toolkit_menu.graph{
>ul >li {
position: relative;
ul {
z-index: 1;
position: absolute;
display: none;
@extend .ibo-popover-menu;
li {
@extend .ibo-popover-menu--item
}
}
}
}
}
.graph_separator{
flex-grow: 1;
}
.ibo-simple-graph--grouping-threshold--container, .ibo-simple-graph--additional-context--container{
margin-right: $ibo-simple-graph--grouping-threshold-additional-context--container--margin-right;
display: flex;
align-items: center;
>*{
margin-right: $ibo-simple-graph--grouping-threshold-additional-context--content--margin-right;
}
}
#graph_grouping_threshold{
width: auto;
padding-right: $ibo-display-graph--graph-grouping-threshold--padding-right;
}
.ibo-display-graph--search-box {
.sf_criterion_area{
display: flex;
flex-direction: column;
}
.sf_criterion_row {
display: flex;
flex-wrap: wrap;
align-items: center;
> div {
align-items: center;
display: flex;
padding: $ibo-display-graph--search-box--criterion--content--padding-y $ibo-display-graph--search-box--criterion--content--padding-x;
> input {
margin-right: $ibo-display-graph--search-box--criterion--content--checkbox--margin-right;
}
.ibo-medallion-icon {
display: flex;
align-items: center;
}
}
}
#ReloadMovieBtn {
align-self: flex-end;
}
}
#impacted_objects_lists{
> div ~ div{
margin-top: $ibo-impact-analysis--impacted-objects-lists--elements-spacing;
}
}
#impacted_objects_lists_placeholder, #impacted_groups_placeholder{
height: $ibo-display-graph--impacted-placeholder-height;
}