From 705ab559098c52a34ac1711b3e6a96d5fcf780b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=91=D1=83=D0=BB=D0=B0=D1=82=20=D0=A5=D0=B0=D0=B9=D1=80?=
 =?UTF-8?q?=D1=83=D0=BB=D0=BB=D0=B8=D0=BD?= <hairullin@micord.ru>
Date: Tue, 12 Nov 2024 13:25:41 +0300
Subject: [PATCH] components-business-metrics.css

---
 .../css/components-business-metrics.css       |  66 ++--
 .../resources/css/components-dashboard.css    | 301 ------------------
 2 files changed, 33 insertions(+), 334 deletions(-)
 delete mode 100644 frontend/src/resources/css/components-dashboard.css

diff --git a/frontend/src/resources/css/components-business-metrics.css b/frontend/src/resources/css/components-business-metrics.css
index f971595..ffacb20 100644
--- a/frontend/src/resources/css/components-business-metrics.css
+++ b/frontend/src/resources/css/components-business-metrics.css
@@ -40,14 +40,14 @@
     border: 0;
 }
 
-.webbpm.ervu_business_metrics .block-panel button-component {
+.webbpm.ervu_business_metrics .block-panel .panel-btn {
     position: relative;
     display: flex;
     width: 16.7%;
     min-height: 112px;
     padding-right: 0;
 }
-.webbpm.ervu_business_metrics .block-panel button-component::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn::before {
     content: "";
     position: absolute;
     right: var(--indent-mini);
@@ -56,92 +56,92 @@
     height: 64px;
     opacity: 0.3;
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active::before {
     opacity: 0.5;
 }
-.webbpm.ervu_business_metrics .block-panel button-component:nth-child(1)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(1)::before {
     background-image: url(../img/svg/panel/panel-01.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component:nth-child(2)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(2)::before {
     background-image: url(../img/svg/panel/panel-02.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component:nth-child(3)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(3)::before {
     background-image: url(../img/svg/panel/panel-03.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component:nth-child(4)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(4)::before {
     background-image: url(../img/svg/panel/panel-04.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component:nth-child(5)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(5)::before {
     background-image: url(../img/svg/panel/panel-05.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component:nth-child(6)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn:nth-child(6)::before {
     background-image: url(../img/svg/panel/panel-06.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(1)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(1)::before {
     background-image: url(../img/svg/panel/panel-07.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(2)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(2)::before {
     background-image: url(../img/svg/panel/panel-08.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(3)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(3)::before {
     background-image: url(../img/svg/panel/panel-09.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(4)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(4)::before {
     background-image: url(../img/svg/panel/panel-10.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(5)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(5)::before {
     background-image: url(../img/svg/panel/panel-11.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component:nth-child(6)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn:nth-child(6)::before {
     background-image: url(../img/svg/panel/panel-12.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(1)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(1)::before {
     background-image: url(../img/svg/panel/panel-wt-01.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(2)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(2)::before {
     background-image: url(../img/svg/panel/panel-wt-02.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(3)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(3)::before {
     background-image: url(../img/svg/panel/panel-wt-03.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(4)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(4)::before {
     background-image: url(../img/svg/panel/panel-wt-04.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(5)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(5)::before {
     background-image: url(../img/svg/panel/panel-wt-05.svg);
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active:nth-child(6)::before {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active:nth-child(6)::before {
     background-image: url(../img/svg/panel/panel-wt-06.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(1)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(1)::before {
     background-image: url(../img/svg/panel/panel-wt-07.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(2)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(2)::before {
     background-image: url(../img/svg/panel/panel-wt-08.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(3)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(3)::before {
     background-image: url(../img/svg/panel/panel-wt-09.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(4)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(4)::before {
     background-image: url(../img/svg/panel/panel-wt-10.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(5)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(5)::before {
     background-image: url(../img/svg/panel/panel-wt-11.svg);
 }
-.webbpm.ervu_business_metrics .block-panel + .block-panel button-component.active:nth-child(6)::before {
+.webbpm.ervu_business_metrics .block-panel + .block-panel .panel-btn.active:nth-child(6)::before {
     background-image: url(../img/svg/panel/panel-wt-12.svg);
 }
 
-.webbpm.ervu_business_metrics .block-panel button-component + button-component {
+.webbpm.ervu_business_metrics .block-panel .panel-btn + .panel-btn {
     padding-left: var(--indent-mini);
 }
-.webbpm.ervu_business_metrics .block-panel button-component:last-child {
+.webbpm.ervu_business_metrics .block-panel .panel-btn:last-child {
     width: 16.5%;
 }
-.webbpm.ervu_business_metrics .block-panel button-component > div {
+.webbpm.ervu_business_metrics .block-panel .panel-btn > div {
     flex: 1;
 }
-.webbpm.ervu_business_metrics .block-panel button-component .btn {
+.webbpm.ervu_business_metrics .block-panel .panel-btn .btn {
     display: flex;
     align-items: end;
     font-family: 'GolosM';
@@ -157,7 +157,7 @@
     background-color: var(--block-bg);
     box-shadow: var(--block-shadow);
 }
-.webbpm.ervu_business_metrics .block-panel button-component.active .btn {
+.webbpm.ervu_business_metrics .block-panel .panel-btn.active .btn {
     color: var(--white);
     background: var(--block-active-bg);
 }
@@ -244,7 +244,7 @@
 .webbpm.ervu_business_metrics .graph-donut-large .chart-content {
 
 }
-
+   
 .webbpm.ervu_business_metrics [class*="graph-legend"] * {
     margin-bottom: 0;
 }
diff --git a/frontend/src/resources/css/components-dashboard.css b/frontend/src/resources/css/components-dashboard.css
deleted file mode 100644
index 06712fe..0000000
--- a/frontend/src/resources/css/components-dashboard.css
+++ /dev/null
@@ -1,301 +0,0 @@
-@charset "utf-8";
-
-.webbpm.ervu_dashboard label {
-    width: auto;
-}
-
-.webbpm.ervu_dashboard .selectize-control {
-    display: flex;
-    height: auto;
-    background-color: transparent;
-}
-.webbpm.ervu_dashboard .selectize-control .selectize-input {
-    min-height: auto;
-    border: 0;
-    border-bottom: 1px solid var(--input-border);
-    border-radius: var(--indent-xmini) var(--indent-xmini) 0 0;
-    background-color: var(--input-bg);
-}
-.webbpm.ervu_dashboard .selectize-control .selectize-input:after {
-    content: "\f282";
-    color: var(--color-text-primary);
-    font-family: bootstrap-icons !important;
-    font-weight: 800 !important;
-    font-size: var(--size-text-secondary);
-    top: calc((50% - var(--size-text-secondary) / 2));
-    right: var(--indent-small);
-    height: auto;
-    width: auto;
-    border: 0;
-}
-.webbpm.ervu_dashboard .selectize-control .selectize-input > input {
-    color: var(--color-text-primary);
-    font-family: 'GolosUI';
-}
-.webbpm.ervu_dashboard .selectize-dropdown {
-    background-color: transparent;
-    box-shadow: none;
-}
-.webbpm.ervu_dashboard .selectize-dropdown-content {
-    border: 0;
-}
-
-.webbpm.ervu_dashboard .block-panel .panel-btn {
-    position: relative;
-    display: flex;
-    width: 16.7%;
-    min-height: 112px;
-    padding-right: 0;
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn::before {
-    content: "";
-    position: absolute;
-    right: var(--indent-mini);
-    top: var(--indent-mini);
-    width: 64px;
-    height: 64px;
-    opacity: 0.3;
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active::before {
-    opacity: 0.5;
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(1)::before {
-    background-image: url(../img/svg/panel/panel-01.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(2)::before {
-    background-image: url(../img/svg/panel/panel-02.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(3)::before {
-    background-image: url(../img/svg/panel/panel-03.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(4)::before {
-    background-image: url(../img/svg/panel/panel-04.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(5)::before {
-    background-image: url(../img/svg/panel/panel-05.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn:nth-child(6)::before {
-    background-image: url(../img/svg/panel/panel-06.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(1)::before {
-    background-image: url(../img/svg/panel/panel-07.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(2)::before {
-    background-image: url(../img/svg/panel/panel-08.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(3)::before {
-    background-image: url(../img/svg/panel/panel-09.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(4)::before {
-    background-image: url(../img/svg/panel/panel-10.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(5)::before {
-    background-image: url(../img/svg/panel/panel-11.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn:nth-child(6)::before {
-    background-image: url(../img/svg/panel/panel-12.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(1)::before {
-    background-image: url(../img/svg/panel/panel-wt-01.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(2)::before {
-    background-image: url(../img/svg/panel/panel-wt-02.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(3)::before {
-    background-image: url(../img/svg/panel/panel-wt-03.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(4)::before {
-    background-image: url(../img/svg/panel/panel-wt-04.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(5)::before {
-    background-image: url(../img/svg/panel/panel-wt-05.svg);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active:nth-child(6)::before {
-    background-image: url(../img/svg/panel/panel-wt-06.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(1)::before {
-    background-image: url(../img/svg/panel/panel-wt-07.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(2)::before {
-    background-image: url(../img/svg/panel/panel-wt-08.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(3)::before {
-    background-image: url(../img/svg/panel/panel-wt-09.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(4)::before {
-    background-image: url(../img/svg/panel/panel-wt-10.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(5)::before {
-    background-image: url(../img/svg/panel/panel-wt-11.svg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel .panel-btn.active:nth-child(6)::before {
-    background-image: url(../img/svg/panel/panel-wt-12.svg);
-}
-
-.webbpm.ervu_dashboard .block-panel .panel-btn + .panel-btn {
-    padding-left: var(--indent-mini);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn:last-child {
-    width: 16.5%;
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn > div {
-    flex: 1;
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn .btn {
-    display: flex;
-    align-items: end;
-    font-family: 'GolosM';
-    font-size: var(--size-text-primary);
-    color: var(--color-text-primary);
-    text-align: left;
-    width: 100%;
-    height: 100%;
-    padding: var(--indent-base);
-    margin-bottom: 0;
-    border: 0;
-    border-radius: var(--indent-small);
-    background-color: var(--block-bg);
-    box-shadow: var(--block-shadow);
-}
-.webbpm.ervu_dashboard .block-panel .panel-btn.active .btn {
-    color: var(--white);
-    background: var(--block-active-bg);
-}
-.webbpm.ervu_dashboard .block-panel + .block-panel,
-.webbpm.ervu_dashboard .group-section + .group-section {
-    margin-top: var(--indent-mini);
-}
-
-.webbpm.ervu_dashboard .block-section {
-    flex: 1;
-    padding-right: 0;
-}
-.webbpm.ervu_dashboard .block-section + .block-section {
-    padding-left: var(--indent-mini);
-}
-.webbpm.ervu_dashboard .block-section > div {
-    padding: var(--indent-xbase) var(--indent-medium) var(--indent-medium) var(--indent-medium);
-    border: 1px solid var(--border);
-    border-radius: var(--indent-small);
-    background-color: var(--white);
-    box-shadow: var(--shadow);
-}
-
-.webbpm.ervu_dashboard .section-header {
-    font-family: 'GolosM';
-    font-size: var(--size-text-subtitle);
-}
-
-.webbpm.ervu_dashboard :is(.title, .subtitle) {
-    font-family: 'GolosM';
-    font-size: var(--size-text-title);
-    padding: 0;
-}
-.webbpm.ervu_dashboard :is(.title, .subtitle) .form-group {
-    margin-bottom: 0;
-}
-.webbpm.ervu_dashboard .title {
-    font-size: var(--size-text-title);
-    margin-top: var(--indent-xlarge);
-    margin-bottom: var(--indent-base);
-}
-.webbpm.ervu_dashboard .subtitle {
-    font-size: var(--size-text-subtitle);
-    margin-bottom: var(--indent-base);
-}
-
-.webbpm.ervu_dashboard .mute {
-    color: var(--color-text-mute);
-    font-family: 'Golos';
-}
-
-.webbpm.ervu_dashboard .text-invert.mute > div > div:last-of-type {
-    line-height: inherit !important;
-    font-size: inherit !important;
-}
-.webbpm.ervu_dashboard .text-invert > div {
-    flex-direction: row-reverse;
-}
-.webbpm.ervu_dashboard .text-invert > div label {
-    width: auto;
-    padding-left: 2px;
-    margin-right: 0;
-}
-.webbpm.ervu_dashboard .text-invert > div > div:last-of-type {
-    font-family: 'GolosM';
-    overflow: visible;
-}
-
-.webbpm.ervu_dashboard :is(.graph-donut, .graph-donut-large) {
-    display: flex;
-    justify-content: center;
-}
-.webbpm.ervu_dashboard .graph-chart .chart-content {
-    width: min(10vw, 12.5rem);
-    height: min(7vw, 9rem);
-}
-.webbpm.ervu_dashboard .graph-donut .chart-content {
-    width: 196px;
-    height: 196px;
-}
-.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
-
-}
-.webbpm.ervu_dashboard .graph-donut-large .chart-content {
-
-}
-   
-.webbpm.ervu_dashboard [class*="graph-legend"] * {
-    margin-bottom: 0;
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-col"] {
-    position: relative;
-    padding-left: var(--indent-xbase);
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] [class*="legend-col"]::before {
-    content: "";
-    position: absolute;
-    width: 12px;
-    height: 12px;
-    top: 5px;
-    left: 0;
-    border-radius: 12px;
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-green::before {
-    background-color: #a3bd9c;
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-red::before {
-    background-color: #e4aaac;
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-yellow::before {
-    background-color: #d4c892;
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-blue::before {
-    background-color: #a0c3f0;
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-lila::before {
-    background-color: #9193b7;
-}
-.webbpm.ervu_dashboard [class*="graph-legend"] .legend-col-orange::before {
-    background-color: #e9decd;
-}
-
-.webbpm.ervu_dashboard grid-v2 {
-    flex: 1;
-    height: auto;
-}
-.webbpm.ervu_dashboard .grid {
-    min-height: 100px;
-}
-
-.webbpm.ervu_dashboard :is(.ag-overlay-loading-center, .tooltip-default, .tooltip.show .tooltip-inner) {
-    color: var(--color-text-primary);
-    font-size: var(--size-text-secondary);
-    padding: var(--indent-small) var(--indent-base);
-    border: 0;
-    border-radius:var(--indent-xbase);
-    background-color: var(--color-tooltip);
-}
-.webbpm.ervu_dashboard .tooltip .arrow {
-    display: none;
-}