mirror of https://gitee.com/bigwinds/arangodb
Fixed style of new dashboard in cluster overview on click
Conflicts: js/apps/system/aardvark/frontend/scss/cluster.css js/apps/system/aardvark/frontend/scss/generated.css
This commit is contained in:
Michael Hackstein
Frank Celler
parent
b57192aee3
commit
dd28af0d3a
|
|
@ -16,18 +16,11 @@
|
|||
|
||||
.dashboard-sub-bar-menu {
|
||||
@extend %pull-right;
|
||||
// color: $c-e1grey;
|
||||
@extend %icon-neutral;
|
||||
//color: red;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 9px;
|
||||
top: 6px;
|
||||
|
||||
//&:hover {
|
||||
// color: $c-white;
|
||||
//color: red;
|
||||
//}
|
||||
}
|
||||
|
||||
.detail-chart {
|
||||
|
|
|
|||
|
|
@ -290,12 +290,14 @@ div.resizecontainer {
|
|||
.modal-chart-detail {
|
||||
$int-width: $content-size;
|
||||
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -($int-width) / 2;
|
||||
|
||||
.modal-body {
|
||||
// min-height: $dashboard-height;
|
||||
max-height: none;
|
||||
min-height: $dashboard-height;
|
||||
height: 95%;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
|
@ -313,6 +315,98 @@ div.resizecontainer {
|
|||
}
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
.dashboard-large-chart {
|
||||
$int-width: ($content-size * 2 / 3) - 9px;
|
||||
width: $int-width;
|
||||
|
||||
.dashboard-sub-bar {
|
||||
width: $int-width - 12px;
|
||||
}
|
||||
|
||||
.dashboard-large-chart-inner {
|
||||
.dashboard-interior-chart {
|
||||
width: $int-width - $legend-width - $legend-margin - 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dashboard-medium-chart {
|
||||
$int-width: ($content-size / 2) - 21px;
|
||||
width: $int-width;
|
||||
|
||||
.dashboard-sub-bar {
|
||||
width: $int-width - 2px;
|
||||
}
|
||||
|
||||
.dashboard-interior-chart {
|
||||
width: $int-width - $legend-width - $legend-margin + 10px;
|
||||
}
|
||||
|
||||
.dashboard-medium-chart-menu {
|
||||
left: $int-width - $tendency_name-font - 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-small-chart {
|
||||
$int-width: ($content-size / 3) - 13px;
|
||||
width: $int-width;
|
||||
|
||||
.dashboard-sub-bar {
|
||||
width: $int-width - 12px;
|
||||
}
|
||||
|
||||
.dashboard-small-chart-inner {
|
||||
width: $int-width - 10px;
|
||||
|
||||
.dashboard-interior-chart {
|
||||
width: $int-width - 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dashboard-tendency-container {
|
||||
$int-width: ($content-size / 3) - 25px;
|
||||
|
||||
.dashboard-tendency-chart {
|
||||
|
||||
.dashboard-tendency,
|
||||
.dashboard-subtitle-bar,
|
||||
.dashboard-figure {
|
||||
width: ($int-width / 2) - 19px;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-sub-bar {
|
||||
width: $int-width;
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-bar-chart-container {
|
||||
$int-width: ($content-size / 3) - 18px;
|
||||
|
||||
.dashboard-bar-chart {
|
||||
width: $int-width;
|
||||
|
||||
.dashboard-bar-chart-title {
|
||||
.percentage {
|
||||
width: ((($int-width / 2) - 8px) * 1.4);
|
||||
}
|
||||
|
||||
.absolut {
|
||||
width: ($int-width - (($int-width / 2) * 1.4)) - 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-bar-chart-chart {
|
||||
width: $int-width - 16px;
|
||||
}
|
||||
|
||||
.dashboard-sub-bar {
|
||||
width: $int-width - 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-spacer {
|
||||
}
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -2174,11 +2174,12 @@ div.resizecontainer {
|
|||
width: 56px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -114px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 200px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
display: none;
|
||||
|
|
@ -2188,6 +2189,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 208px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 143px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 131px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 133px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 93px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 91px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 93px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 76px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 63px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 51px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 53px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 53px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 6.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 51px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 58px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 29.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 11.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 42px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 56px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 14px; }
|
||||
|
||||
|
|
@ -2313,11 +2353,12 @@ div.resizecontainer {
|
|||
width: 136px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -234px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 200px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
display: none;
|
||||
|
|
@ -2327,6 +2368,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 448px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 303px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 291px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 293px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 213px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 211px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 213px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 196px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 143px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 131px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 133px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 133px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 46.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 131px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 138px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 85.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 35.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 122px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 136px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 14px; }
|
||||
|
||||
|
|
@ -2452,11 +2532,12 @@ div.resizecontainer {
|
|||
width: 216px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -354px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 200px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
display: none;
|
||||
|
|
@ -2466,6 +2547,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 688px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 463px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 451px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 453px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 333px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 331px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 333px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 316px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 223px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 211px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 213px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 213px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 86.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 211px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 218px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 141.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 59.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 202px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 216px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 14px; }
|
||||
|
||||
|
|
@ -2591,11 +2711,12 @@ div.resizecontainer {
|
|||
width: 296px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -474px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 225px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 13px;
|
||||
|
|
@ -2604,6 +2725,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 808px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 623px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 611px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 493px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 453px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 451px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 333px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 435px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 303px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 291px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 293px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 293px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 126.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 291px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 298px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 197.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 83.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 282px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 296px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 15px; }
|
||||
|
||||
|
|
@ -2727,11 +2887,12 @@ div.resizecontainer {
|
|||
width: 376px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -594px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 250px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 14px;
|
||||
|
|
@ -2740,6 +2901,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 1038px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 783px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 771px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 643px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 573px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 571px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 443px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 552px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 383px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 371px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 373px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 373px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 166.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 371px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 378px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 253.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 107.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 362px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 376px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 18px; }
|
||||
|
||||
|
|
@ -2863,11 +3063,12 @@ div.resizecontainer {
|
|||
width: 456px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -714px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 300px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 15px;
|
||||
|
|
@ -2876,6 +3077,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 1268px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 943px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 931px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 793px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 693px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 691px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 553px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 670px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 463px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 451px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 453px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 453px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 206.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 451px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 458px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 309.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 131.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 442px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 456px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 20px; }
|
||||
|
||||
|
|
@ -2999,11 +3239,12 @@ div.resizecontainer {
|
|||
width: 536px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -834px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 340px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 16px;
|
||||
|
|
@ -3012,6 +3253,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 1488px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 1103px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 1091px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 933px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 813px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 811px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 653px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 786px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 543px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 531px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 533px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 533px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 246.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 531px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 538px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 365.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 155.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 522px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 536px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 24px; }
|
||||
|
||||
|
|
@ -3135,11 +3415,12 @@ div.resizecontainer {
|
|||
width: 616px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -954px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 400px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 17px;
|
||||
|
|
@ -3148,6 +3429,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 1718px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 1263px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 1251px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 1083px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 933px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 931px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 763px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 902px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 623px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 611px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 613px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 613px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 286.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 611px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 618px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 421.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 179.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 602px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 616px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 28px; }
|
||||
|
||||
|
|
@ -3271,11 +3591,12 @@ div.resizecontainer {
|
|||
width: 696px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -1074px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 300px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 17px;
|
||||
|
|
@ -3284,6 +3605,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 1988px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 1423px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 1411px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 1273px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 1053px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 1051px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 913px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 1028px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 703px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 691px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 693px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 693px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 326.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 691px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 698px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 477.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 203.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 682px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 696px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 22px; }
|
||||
|
||||
|
|
@ -3407,11 +3767,12 @@ div.resizecontainer {
|
|||
width: 776px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -1194px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 300px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 17px;
|
||||
|
|
@ -3420,6 +3781,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 2228px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 1583px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 1571px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 1433px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 1173px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 1171px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 1033px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 1148px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 783px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 771px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 773px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 773px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 366.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 771px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 778px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 533.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 227.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 762px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 776px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 22px; }
|
||||
|
||||
|
|
@ -3543,11 +3943,12 @@ div.resizecontainer {
|
|||
width: 856px; }
|
||||
|
||||
.modal-chart-detail {
|
||||
bottom: 12.1% !important;
|
||||
left: 50%;
|
||||
margin-left: -1314px; }
|
||||
.modal-chart-detail .modal-body {
|
||||
max-height: none;
|
||||
min-height: 300px;
|
||||
height: 95%;
|
||||
padding: 5px; }
|
||||
.modal-chart-detail .modal-dashboard-legend {
|
||||
font-size: 17px;
|
||||
|
|
@ -3556,6 +3957,45 @@ div.resizecontainer {
|
|||
.modal-chart-detail .modal-inner-detail {
|
||||
width: 2468px; }
|
||||
|
||||
.modal-body .dashboard-large-chart {
|
||||
width: 1743px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-sub-bar {
|
||||
width: 1731px; }
|
||||
.modal-body .dashboard-large-chart .dashboard-large-chart-inner .dashboard-interior-chart {
|
||||
width: 1593px; }
|
||||
.modal-body .dashboard-medium-chart {
|
||||
width: 1293px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-sub-bar {
|
||||
width: 1291px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-interior-chart {
|
||||
width: 1153px; }
|
||||
.modal-body .dashboard-medium-chart .dashboard-medium-chart-menu {
|
||||
left: 1268px; }
|
||||
.modal-body .dashboard-small-chart {
|
||||
width: 863px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-sub-bar {
|
||||
width: 851px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner {
|
||||
width: 853px; }
|
||||
.modal-body .dashboard-small-chart .dashboard-small-chart-inner .dashboard-interior-chart {
|
||||
width: 853px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-tendency,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-subtitle-bar,
|
||||
.modal-body .dashboard-tendency-container .dashboard-tendency-chart .dashboard-figure {
|
||||
width: 406.5px; }
|
||||
.modal-body .dashboard-tendency-container .dashboard-sub-bar {
|
||||
width: 851px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart {
|
||||
width: 858px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .percentage {
|
||||
width: 589.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart .dashboard-bar-chart-title .absolut {
|
||||
width: 251.4px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-bar-chart-chart {
|
||||
width: 842px; }
|
||||
.modal-body .dashboard-bar-chart-container .dashboard-sub-bar {
|
||||
width: 856px; }
|
||||
|
||||
.percentage {
|
||||
font-size: 22px; }
|
||||
|
||||
|
|
@ -4222,7 +4662,7 @@ pre.gv-object-view {
|
|||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 9px;
|
||||
top: 5px; }
|
||||
top: 6px; }
|
||||
|
||||
.dashboard-large-chart {
|
||||
margin-right: 12px;
|
||||
|
|
|
|||
Loading…
Reference in New Issue