From 821d5971a859beaaf1aec7e343865da790dab5fc Mon Sep 17 00:00:00 2001
From: "m.epshtein" <m.epshtein@micord.ru>
Date: Mon, 2 Jun 2025 11:21:10 +0300
Subject: [PATCH] 0.8

---
 .../resources/css/components-dashboard.css    | 233 +++++++++++++++---
 .../src/resources/css/inbox-dashboard.css     |   8 +-
 2 files changed, 207 insertions(+), 34 deletions(-)

diff --git a/frontend/src/resources/css/components-dashboard.css b/frontend/src/resources/css/components-dashboard.css
index dbf33f20..4aed4e68 100644
--- a/frontend/src/resources/css/components-dashboard.css
+++ b/frontend/src/resources/css/components-dashboard.css
@@ -43,8 +43,8 @@
     position: absolute;
     top: 0;
     left: 0;
-    width: min(1.4vw, 1.75rem); /*28*/
-    height: min(1.4vw, 1.75rem); /*28*/
+    width: 1.75rem; /*28*/
+    height: 1.75rem; /*28*/
     padding: 2px;
     margin: 0;
     border-radius: 4px;
@@ -73,8 +73,8 @@
 }
 .webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {
     appearance: none;
-    width: min(1.4vw, 1.75rem); /*28*/
-    height: min(1.4vw, 1.75rem); /*28*/
+    width: 1.75rem; /*28*/
+    height: 1.75rem; /*28*/
     padding: 0;
     margin: 0;
     position: relative;
@@ -325,7 +325,7 @@
 .webbpm.ervu_dashboard dropdown-tree-view .row-item label {
     font-size: var(--size-text-primary);
     width: auto;
-    min-width: min(7.5vw, 9.375rem); /*150*/
+    min-width: 9.375rem; /*150*/
 }
 .webbpm.ervu_dashboard dropdown-tree-view :is(.bi-caret-down-fill, .bi-caret-right-fill) {
     margin-right: var(--indent-mini);
@@ -352,9 +352,9 @@
     position: relative;
     display: grid;
     place-items: center;
-    width: min(1.8vw, 2.25rem); /*36*/
-    height: min(1.8vw, 2.25rem); /*36*/
-    min-width: min(1.8vw, 2.25rem);
+    width: 2.25rem; /*36*/
+    height: 2.25rem; /*36*/
+    min-width: 2.25rem;
     padding: 0;
     margin: 0 calc(var(--indent-xmini)*(-1)) 0 var(--indent-mini);
     border-radius: 100px;
@@ -444,10 +444,10 @@
     flex: 0 !important;
 }
 .webbpm.ervu_dashboard .text-fixed-percent {
-    min-width: min(3vw, 3.75rem) !important; /*60*/
+    min-width: 3.75rem !important; /*60*/
 }
 .webbpm.ervu_dashboard .text-fixed-percent-medium {
-    min-width: min(3.5vw, 4.375rem) !important; /*70*/
+    min-width: 4.375rem !important; /*70*/
 }
 
 .webbpm.ervu_dashboard [class*="btn-text-"] .btn {
@@ -480,7 +480,7 @@
 }
 
 .webbpm.ervu_dashboard text label {
-    width: min(7.5vw, 9.375rem) ; /*150px*/
+    width: 9.375rem; /*150px*/
 }
 .webbpm.ervu_dashboard .free-label label {
     width: auto;
@@ -622,12 +622,12 @@
 .webbpm.ervu_dashboard .tab-vertical .nav-tabs {
     flex-direction: column;
     flex-wrap: nowrap;
-    width: min(20vw, 23.75rem); /*380*/
+    width: 23.75rem; /*380*/
     padding-right: var(--indent-large);
     margin-right: var(--indent-large);
 }
 .webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
-    width: calc(100% - min(20vw, 23.75rem) - var(--indent-large));
+    width: calc(100% - 23.75rem - var(--indent-large));
 }
 .webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active > .active {
     margin: 0;
@@ -835,24 +835,24 @@
     border-color: var(--color-text-primary);
 }
 .webbpm.ervu_dashboard .graph-chart .chart-content {
-    width: min(calc(10*var(--w-content)), 12.5rem);
-    height: min(calc(7*var(--w-content)), 9rem);
+    width: 12.5rem;
+    height: 9rem;
 }
 .webbpm.ervu_dashboard :is(.graph-donut, .graph-donut-large) {
     display: flex;
     justify-content: center;
 }
 .webbpm.ervu_dashboard .graph-donut .chart-content {
-    width: min(calc(8*var(--w-content)), 11rem);
-    height: min(calc(8*var(--w-content)), 11rem);
+    width: 11rem;
+    height: 11rem;
 }
 .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
-    width: min(calc(10*var(--w-content)), 13.5rem);
-    height: min(calc(10*var(--w-content)), 13.5rem);
+    width: 13.5rem;
+    height: 13.5rem;
 }
 .webbpm.ervu_dashboard .graph-donut-large .chart-content {
-    width: min(calc(14*var(--w-content)), 18.5rem);
-    height: min(calc(14*var(--w-content)), 18.5rem);
+    width: 18.5rem;
+    height: 18.5rem;
 }
 .webbpm.ervu_dashboard .graph-legend .horizontal-container {
     align-items: center;
@@ -1131,7 +1131,7 @@
 }
 .webbpm.ervu_dashboard .bg-diamond-people {
     background-image: url(../img/svg/bg-diamond.svg), url(../img/svg/bg-people.svg);
-    background-position: 100% 0, 50% min(16vw, 20rem); /*320*/
+    background-position: 100% 0, 50% 20rem; /*320*/
     background-repeat: no-repeat;
 }
 
@@ -1147,7 +1147,7 @@
     padding: var(--indent-large) var(--indent-medium) var(--indent-medium);
 }
 .webbpm.ervu_dashboard .search-block .child-block:first-child {
-    min-width: min(20vw, 25rem); /*400*/
+    min-width: 25rem; /*400*/
     flex: 0;
     z-index: 1;
 }
@@ -1185,8 +1185,8 @@
 .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
     color: var(--color-text-primary);
     font-size: var(--size-text-secondary);
-    width: min(12vw, 15rem); /*240*/
-    min-width: min(12vw, 15rem); /*240*/;
+    width: 15rem; /*240*/
+    min-width: 15rem; /*240*/;
     padding: var(--indent-small);
     border-radius: var(--indent-medium);
     border: 1px solid var(--color-text-secondary);
@@ -1209,7 +1209,7 @@
     background-color: transparent;
 }
 .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
-    width: min(2.7vw, 3.375rem); /*54*/
+    width: 3.375rem; /*54*/
     height: var(--indent-large);
     line-height: var(--indent-large);
     margin: 0;
@@ -1287,7 +1287,7 @@
     color: var(--white);
     font-size: var(--size-text-subtitle);
     width: 100%;
-    min-height:min(calc(3.6*var(--w-content)), 4.5rem); /*72*/
+    min-height: 4.5rem; /*72*/
     margin: var(--indent-xbase) 0 0;
     border-radius: 20px;   
     border: 1px solid var(--btn-border);
@@ -1626,8 +1626,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: min(2.9vw, 3.625rem); /*58*/
-    height: min(2.9vw, 3.625rem); /*58*/
+    width: 3.625rem; /*58*/
+    height: 3.625rem; /*58*/
     margin: 0;
     border: 1px solid var(--color-primary-20);
     border-radius: 4px;
@@ -1697,7 +1697,7 @@
 }
 .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
     position: relative;
-    padding-left: min(3vw, 3.75rem); /*60*/
+    padding-left: 3.75rem; /*60*/
 }
 .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name::before {
     position: absolute;
@@ -1902,11 +1902,11 @@
     flex-direction: column;
 }
 .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
-    margin-bottom: min(6vw, 7.5rem); /*120*/
+    margin-bottom: 7.5rem; /*120*/
 }
 .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
     position: absolute;
-    width: calc(min(20vw, 23.75rem) - var(--indent-large));
+    width: 23.75rem - var(--indent-large);
     bottom: 0;
     z-index: 1;
 }
@@ -1936,10 +1936,177 @@
 }
 .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
 .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
-    left: calc(min(20vw, 23.75rem) + var(--indent-large));
+    left: 23.75rem + var(--indent-large);
 }
 /* end - Special pages */
 
+@media (max-width: 1279px) {
+    .webbpm.ervu_dashboard check-box label span {
+        width: 14px; /*28*/
+        height: 14px; /*28*/
+    }
+    .webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {
+        width: 14px; /*28*/
+        height: 14px; /*28*/
+    }
+    .webbpm.ervu_dashboard dropdown-tree-view .row-item label {
+        min-width: 75px; /*150*/
+    }
+    .webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn,
+    .webbpm.ervu_dashboard .selected-file-delete-btn {
+        width: 18px; /*36*/
+        height: 18px; /*36*/
+        min-width: 18px
+    }
+    .webbpm.ervu_dashboard .text-fixed-percent {
+        min-width: 30px !important; /*60*/
+    }
+    .webbpm.ervu_dashboard .text-fixed-percent-medium {
+        min-width: 35px !important; /*70*/
+    }
+    .webbpm.ervu_dashboard text label {
+        width: 75px; /*150px*/
+    }
+    .webbpm.ervu_dashboard .tab-vertical .nav-tabs {
+        width: 190px; /*380*/
+    }
+    .webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
+        width: calc(100% - 200px - var(--indent-large));
+    }
+    .webbpm.ervu_dashboard .graph-chart .chart-content {
+        width: 100px;
+        height: 70px;
+    }
+    .webbpm.ervu_dashboard .graph-donut .chart-content {
+        width: 80px;
+        height: 80px;
+    }
+    .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
+        width: 100px;
+        height: 100px;
+    }
+    .webbpm.ervu_dashboard .graph-donut-large .chart-content {
+        width: 140px;
+        height: 140px;
+    }
+    .webbpm.ervu_dashboard .bg-diamond-people {
+        background-position: 100% 0, 50% 160px; /*320*/
+    }
+    .webbpm.ervu_dashboard .search-block .child-block:first-child {
+        min-width: 200px; /*400*/
+    }
+    .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
+        width: 120px; /*240*/
+        min-width: 120px; /*240*/
+    }
+    .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
+        width: 27px; /*54*/
+    }
+    .webbpm.ervu_dashboard .search-block .search-btn .btn {
+        min-height: 36px; /*72*/
+    }
+    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
+        width: 29px; /*58*/
+        height: 29px; /*58*/
+    }
+    .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
+        padding-left: 30px; /*60*/
+    }
+    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
+        margin-bottom: 60px; /*120*/
+    }
+    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
+        width: calc(200px - var(--indent-large));
+    }
+    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
+    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
+        left: calc(200px + var(--indent-large));
+    }
+}
+@media ((min-width: 1280px) and (max-width: 2299px)) {
+    .webbpm.ervu_dashboard check-box label span {
+        width: 1.4vw; /*28*/
+        height: 1.4vw; /*28*/
+    }
+    .webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {
+        width: 1.4vw; /*28*/
+        height: 1.4vw; /*28*/
+    }
+    .webbpm.ervu_dashboard dropdown-tree-view .row-item label {
+        min-width: 7.5vw; /*150*/
+    }
+    .webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn,
+    .webbpm.ervu_dashboard .selected-file-delete-btn {
+        width: 1.8vw; /*36*/
+        height: 1.8vw; /*36*/
+        min-width: 1.8vw; /*36*/
+    }
+    .webbpm.ervu_dashboard .text-fixed-percent {
+        min-width: 3vw !important; /*60*/
+    }
+    .webbpm.ervu_dashboard .text-fixed-percent-medium {
+        min-width: 3.5vw !important; /*70*/
+    }
+    .webbpm.ervu_dashboard text label {
+        width: 7.5vw; /*150px*/
+    }
+    .webbpm.ervu_dashboard .tab-vertical .nav-tabs {
+        width: 20vw; /*380*/
+    }
+    .webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
+        width: calc(100% - 20vw - var(--indent-large));
+    }
+    .webbpm.ervu_dashboard .graph-chart .chart-content {
+        width: calc(10*var(--w-content));
+        height:calc(7*var(--w-content));
+    }
+    .webbpm.ervu_dashboard .graph-donut .chart-content {
+        width: calc(8*var(--w-content));
+        height: calc(8*var(--w-content));
+    }
+    .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
+        width: calc(10*var(--w-content));
+        height: calc(10*var(--w-content));
+    }
+    .webbpm.ervu_dashboard .graph-donut-large .chart-content {
+        width: calc(14*var(--w-content));
+        height: calc(14*var(--w-content));
+    }
+    .webbpm.ervu_dashboard .bg-diamond-people {
+        background-position: 100% 0, 50% 16vw; /*320*/
+    }
+    .webbpm.ervu_dashboard .search-block .child-block:first-child {
+        min-width: 20vw; /*400*/
+    }
+    .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
+        width: 12vw; /*240*/
+        min-width: 12vw; /*240*/;
+    }
+    .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
+        width: 2.7vw; /*54*/
+    }
+    .webbpm.ervu_dashboard .search-block .search-btn .btn {
+        min-height: calc(3.6*var(--w-content)); /*72*/
+    }
+    .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
+        width: 2.9vw; /*58*/
+        height: 2.9vw; /*58*/
+    }
+    .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
+        padding-left: 3vw; /*60*/
+    }
+    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
+        margin-bottom: 6vw; /*120*/
+    }
+    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
+        width: calc(20vw - var(--indent-large));
+    }
+    .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
+    .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
+        left: calc(20vw + var(--indent-large));
+    }
+}
+
 /*
 grid-checkbox
 
diff --git a/frontend/src/resources/css/inbox-dashboard.css b/frontend/src/resources/css/inbox-dashboard.css
index 707bc45f..2defec08 100644
--- a/frontend/src/resources/css/inbox-dashboard.css
+++ b/frontend/src/resources/css/inbox-dashboard.css
@@ -1,3 +1,9 @@
+body.webbpm.ervu_dashboard {
+    width: calc(100% - 300px) !important;
+}
+
+
+
 @font-face {
     font-family: 'GilroyL';
     src: url('../fonts/gilroy-light.otf');
@@ -304,7 +310,7 @@ body.webbpm.ervu_dashboard {
         width: 50px; /*100*/
     }
 }
-@media (max-width: 2299px) {
+@media ((min-width: 1280px) and (max-width: 2299px)) {
     .webbpm.ervu_dashboard { 
         --size-text-title: calc(1.5*var(--w-content)); /*32px*/
         --size-text-subtitle: calc(1.2*var(--w-content)); /*24px*/