micord/evru-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

0.8

Browse source
This commit is contained in:
m.epshtein 2025-06-02 11:21:10 +03:00
parent 3ab31a4182
commit 821d5971a8
2 changed files with 207 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

233
frontend/src/resources/css/components-dashboard.css
View file

@ -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

8
frontend/src/resources/css/inbox-dashboard.css
View file

@ -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*/