Merge branch 'feature/ERVU-469_fixed_height' into develop

This commit is contained in:
Тимур 2025-06-09 13:14:45 +03:00
commit 6674d2b5d3
3 changed files with 372 additions and 328 deletions

View file

@ -8,6 +8,13 @@
height: 100%; height: 100%;
} }
.webbpm.ervu_dashboard .align-bottom {
display: flex;
}
.webbpm.ervu_dashboard .align-bottom > * {
justify-content: flex-end;
}
.webbpm.ervu_dashboard text > div > div:last-of-type { .webbpm.ervu_dashboard text > div > div:last-of-type {
overflow: visible; overflow: visible;
} }
@ -17,22 +24,33 @@
font-size: var(--size-text-primary); font-size: var(--size-text-primary);
font-family: 'GilroyM'; font-family: 'GilroyM';
color: var(--black); color: var(--black);
padding: var(--indent-mini) var(--indent-xbase);
border-radius: 100px; border-radius: 100px;
border: 0; border: 0;
background-color: var(--color-text-secondary); background-color: var(--color-text-secondary);
} }
.webbpm.ervu_dashboard :is(.fa, .fa-calendar::before) {
font-size: var(--size-text-secondary);
}
.webbpm.ervu_dashboard :is(input.form-control, .input-group-addon) {
height: var(--indent-huge);
padding: var(--indent-mini) var(--indent-xbase);
}
.webbpm.ervu_dashboard .form-group {
margin-bottom: var(--indent-base);
}
.webbpm.ervu_dashboard check-box {
padding: 0;
}
.webbpm.ervu_dashboard check-box label { .webbpm.ervu_dashboard check-box label {
width: min-content !important; width: min-content !important;
margin: 0 !important; margin: 0 !important;
} }
.webbpm.ervu_dashboard check-box label span { .webbpm.ervu_dashboard check-box label span {
content: ""; content: "";
position: absolute; width: 1.75rem; /*28*/
top: 0; height: 1.75rem; /*28*/
left: 0;
width: min(1.4vw, 1.75rem); /*28*/
height: min(1.4vw, 1.75rem); /*28*/
padding: 2px; padding: 2px;
margin: 0; margin: 0;
border-radius: 4px; border-radius: 4px;
@ -50,7 +68,6 @@
} }
.webbpm.ervu_dashboard check-box + text { .webbpm.ervu_dashboard check-box + text {
color: var(--color-text-secondary); color: var(--color-text-secondary);
margin-left: var(--indent-large) !important;
} }
.webbpm.ervu_dashboard .radio-horizontal label { .webbpm.ervu_dashboard .radio-horizontal label {
@ -61,8 +78,8 @@
} }
.webbpm.ervu_dashboard .radio-horizontal input[type="radio"] { .webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {
appearance: none; appearance: none;
width: min(1.4vw, 1.75rem); /*28*/ width: 1.75rem; /*28*/
height: min(1.4vw, 1.75rem); /*28*/ height: 1.75rem; /*28*/
padding: 0; padding: 0;
margin: 0; margin: 0;
position: relative; position: relative;
@ -82,10 +99,11 @@
background-color: var(--color-text-primary); background-color: var(--color-text-primary);
} }
.webbpm.ervu_dashboard .radio-horizontal input[type="radio"] + span { .webbpm.ervu_dashboard .radio-horizontal input[type="radio"] + span {
margin-left: var(--indent-base); margin-left: var(--indent-small);
font-size: var(--size-text-primary);
} }
.webbpm.ervu_dashboard .radio-horizontal .form-radio-group + .form-radio-group { .webbpm.ervu_dashboard .radio-horizontal .form-radio-group + .form-radio-group {
margin-left: var(--indent-xlarge); margin-left: var(--indent-large);
} }
.webbpm.ervu_dashboard .bread-crumb .form-group { .webbpm.ervu_dashboard .bread-crumb .form-group {
@ -135,7 +153,7 @@
font-size: var(--size-text-primary); font-size: var(--size-text-primary);
color: var(--color-text-primary); color: var(--color-text-primary);
line-height: 1.3; line-height: 1.3;
padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase); padding-right: var(--indent-xlarge);
margin-bottom: 0; margin-bottom: 0;
border-radius: 100px; border-radius: 100px;
border: 0; border: 0;
@ -263,7 +281,7 @@
width: 100%; width: 100%;
padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase); padding: var(--indent-mini) var(--indent-xlarge) var(--indent-mini) var(--indent-xbase);
border: 0; border: 0;
border-radius: 24px; border-radius: var(--indent-medium);
background-color: var(--color-text-secondary); background-color: var(--color-text-secondary);
} }
@ -299,6 +317,7 @@
} }
.webbpm.ervu_dashboard dropdown-tree-view :is(.row-item, .treeview-text) { .webbpm.ervu_dashboard dropdown-tree-view :is(.row-item, .treeview-text) {
color: var(--color-text-primary); color: var(--color-text-primary);
font-size: var(--size-text-primary);
padding: var(--indent-base) var(--indent-xbase); padding: var(--indent-base) var(--indent-xbase);
border-bottom: 1px solid var(--color-primary-5); border-bottom: 1px solid var(--color-primary-5);
} }
@ -311,7 +330,7 @@
.webbpm.ervu_dashboard dropdown-tree-view .row-item label { .webbpm.ervu_dashboard dropdown-tree-view .row-item label {
font-size: var(--size-text-primary); font-size: var(--size-text-primary);
width: auto; 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) { .webbpm.ervu_dashboard dropdown-tree-view :is(.bi-caret-down-fill, .bi-caret-right-fill) {
margin-right: var(--indent-mini); margin-right: var(--indent-mini);
@ -338,9 +357,9 @@
position: relative; position: relative;
display: grid; display: grid;
place-items: center; place-items: center;
width: min(1.8vw, 2.25rem); /*36*/ width: 2.25rem; /*36*/
height: min(1.8vw, 2.25rem); /*36*/ height: 2.25rem; /*36*/
min-width: min(1.8vw, 2.25rem); min-width: 2.25rem;
padding: 0; padding: 0;
margin: 0 calc(var(--indent-xmini)*(-1)) 0 var(--indent-mini); margin: 0 calc(var(--indent-xmini)*(-1)) 0 var(--indent-mini);
border-radius: 100px; border-radius: 100px;
@ -430,10 +449,10 @@
flex: 0 !important; flex: 0 !important;
} }
.webbpm.ervu_dashboard .text-fixed-percent { .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 { .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 { .webbpm.ervu_dashboard [class*="btn-text-"] .btn {
@ -441,7 +460,6 @@
color: var(--black); color: var(--black);
font-family: 'GilroyM'; font-family: 'GilroyM';
font-size: var(--size-text-primary); font-size: var(--size-text-primary);
padding-left: var(--indent-xbase);
padding-right: var(--indent-xlarge); padding-right: var(--indent-xlarge);
margin-bottom: 0; margin-bottom: 0;
border: 0; border: 0;
@ -467,7 +485,7 @@
} }
.webbpm.ervu_dashboard text label { .webbpm.ervu_dashboard text label {
width: min(7.5vw, 9.375rem) ; /*150px*/ width: 9.375rem; /*150px*/
} }
.webbpm.ervu_dashboard .free-label label { .webbpm.ervu_dashboard .free-label label {
width: auto; width: auto;
@ -511,17 +529,26 @@
top: calc((50% - var(--size-text-secondary)/ 2)); top: calc((50% - var(--size-text-secondary)/ 2));
right: var(--indent-base); right: var(--indent-base);
height: auto; height: auto;
line-height: 1.5;
width: auto; width: auto;
border: 0; border: 0;
} }
.webbpm.ervu_dashboard .selectize-control .selectize-input.dropdown-active::after {
transform: rotate(180deg);
}
.webbpm.ervu_dashboard .selectize-control .selectize-input::before { .webbpm.ervu_dashboard .selectize-control .selectize-input::before {
display: none; display: none;
} }
.webbpm.ervu_dashboard .selectize-dropdown,
.webbpm.ervu_dashboard .selectize-input {
line-height: normal;
height: var(--indent-huge);
}
.webbpm.ervu_dashboard .selectize-dropdown { .webbpm.ervu_dashboard .selectize-dropdown {
height: fit-content; height: fit-content;
padding: var(--indent-base) 0; padding: var(--indent-base) 0;
border-radius: 24px; border-radius: var(--indent-medium);
border: 1px solid var(--color-text-secondary); border: 1px solid var(--color-text-secondary);
background: background:
linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%), linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%),
@ -600,12 +627,12 @@
.webbpm.ervu_dashboard .tab-vertical .nav-tabs { .webbpm.ervu_dashboard .tab-vertical .nav-tabs {
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
width: min(20vw, 23.75rem); /*380*/ width: 23.75rem; /*380*/
padding-right: var(--indent-large); padding-right: var(--indent-large);
margin-right: var(--indent-large); margin-right: var(--indent-large);
} }
.webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active { .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 { .webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active > .active {
margin: 0; margin: 0;
@ -613,7 +640,7 @@
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item { .webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item {
position: relative; position: relative;
padding: var(--indent-small) var(--indent-huge) var(--indent-small) var(--indent-base); padding: var(--indent-small) var(--indent-huge) var(--indent-small) var(--indent-base);
border-radius: 8px; border-radius: var(--indent-mini);
} }
.webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active { .webbpm.ervu_dashboard .tab-vertical .nav-tabs .nav-item.active {
background-color: var(--color-success); background-color: var(--color-success);
@ -671,7 +698,7 @@
color: var(--color-text-secondary); color: var(--color-text-secondary);
line-height: 1; line-height: 1;
padding: var(--indent-mini) var(--indent-base); padding: var(--indent-mini) var(--indent-base);
border-radius: 8px; border-radius: var(--indent-mini);
border: 1px solid var(--color-primary-20); border: 1px solid var(--color-primary-20);
background-color: var(--bg-brick); background-color: var(--bg-brick);
} }
@ -706,7 +733,7 @@
.webbpm.ervu_dashboard .list-group { .webbpm.ervu_dashboard .list-group {
padding: var(--indent-small) var(--indent-base) var(--indent-base); padding: var(--indent-small) var(--indent-base) var(--indent-base);
border-radius: 8px; border-radius: var(--indent-mini);
border: 0; border: 0;
background-color: var(--color-dark-20); background-color: var(--color-dark-20);
} }
@ -813,24 +840,24 @@
border-color: var(--color-text-primary); border-color: var(--color-text-primary);
} }
.webbpm.ervu_dashboard .graph-chart .chart-content { .webbpm.ervu_dashboard .graph-chart .chart-content {
width: min(calc(10*var(--w-content)), 12.5rem); width: 12.5rem;
height: min(calc(7*var(--w-content)), 9rem); height: 9rem;
} }
.webbpm.ervu_dashboard :is(.graph-donut, .graph-donut-large) { .webbpm.ervu_dashboard :is(.graph-donut, .graph-donut-large) {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.webbpm.ervu_dashboard .graph-donut .chart-content { .webbpm.ervu_dashboard .graph-donut .chart-content {
width: min(calc(8*var(--w-content)), 11rem); width: 11rem;
height: min(calc(8*var(--w-content)), 11rem); height: 11rem;
} }
.webbpm.ervu_dashboard .graph-donut-medium .chart-content { .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
width: min(calc(10*var(--w-content)), 13.5rem); width: 13.5rem;
height: min(calc(10*var(--w-content)), 13.5rem); height: 13.5rem;
} }
.webbpm.ervu_dashboard .graph-donut-large .chart-content { .webbpm.ervu_dashboard .graph-donut-large .chart-content {
width: min(calc(14*var(--w-content)), 18.5rem); width: 18.5rem;
height: min(calc(14*var(--w-content)), 18.5rem); height: 18.5rem;
} }
.webbpm.ervu_dashboard .graph-legend .horizontal-container { .webbpm.ervu_dashboard .graph-legend .horizontal-container {
align-items: center; align-items: center;
@ -1055,6 +1082,9 @@
.webbpm.ervu_dashboard .main-num-group > div .form-group { .webbpm.ervu_dashboard .main-num-group > div .form-group {
margin-bottom: 0; margin-bottom: 0;
} }
.webbpm.ervu_dashboard :is(.pers-group, .main-num-group) text label {
width: auto;
}
.webbpm.ervu_dashboard .parent-block { .webbpm.ervu_dashboard .parent-block {
padding: var(--indent-mini); padding: var(--indent-mini);
@ -1106,7 +1136,7 @@
} }
.webbpm.ervu_dashboard .bg-diamond-people { .webbpm.ervu_dashboard .bg-diamond-people {
background-image: url(../img/svg/bg-diamond.svg), url(../img/svg/bg-people.svg); 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; background-repeat: no-repeat;
} }
@ -1122,7 +1152,7 @@
padding: var(--indent-large) var(--indent-medium) var(--indent-medium); padding: var(--indent-large) var(--indent-medium) var(--indent-medium);
} }
.webbpm.ervu_dashboard .search-block .child-block:first-child { .webbpm.ervu_dashboard .search-block .child-block:first-child {
min-width: min(20vw, 25rem); /*400*/ min-width: 25rem; /*400*/
flex: 0; flex: 0;
z-index: 1; z-index: 1;
} }
@ -1159,7 +1189,11 @@
} }
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu { .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
color: var(--color-text-primary); color: var(--color-text-primary);
border-radius: 24px; font-size: var(--size-text-secondary);
width: 15rem; /*240*/
min-width: 15rem; /*240*/;
padding: var(--indent-small);
border-radius: var(--indent-medium);
border: 1px solid var(--color-text-secondary); border: 1px solid var(--color-text-secondary);
background: background:
linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%), linear-gradient(180deg, rgba(19, 46, 55, 0.5) 0%, rgba(19, 46, 55, 0.7) 100%),
@ -1180,9 +1214,9 @@
background-color: transparent; background-color: transparent;
} }
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span { .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
width: 54px; width: 3.375rem; /*54*/
height: 32px; height: var(--indent-large);
line-height: 32px; line-height: var(--indent-large);
margin: 0; margin: 0;
} }
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.old, .new) { .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(.old, .new) {
@ -1193,6 +1227,11 @@
color: var(--color-success); color: var(--color-success);
background-color: transparent; background-color: transparent;
} }
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(th, td) {
height: var(--indent-large);
line-height: var(--indent-large);
width: var(--indent-large);
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today, .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today,
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today:hover { .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu .today:hover {
color: var(--color-text-primary); color: var(--color-text-primary);
@ -1204,7 +1243,7 @@
} }
.webbpm.ervu_dashboard .search-block .child-block .search-date .date > div { .webbpm.ervu_dashboard .search-block .child-block .search-date .date > div {
width: auto; width: auto;
min-width: min(7.5vw, 9.375rem); /*150*/ /*min-width: min(7.5vw, 9.375rem);*/ /*150*/
} }
.webbpm.ervu_dashboard .search-block .child-block .search-date date-time-picker + text { .webbpm.ervu_dashboard .search-block .child-block .search-date date-time-picker + text {
margin-left: 0; margin-left: 0;
@ -1253,9 +1292,9 @@
color: var(--white); color: var(--white);
font-size: var(--size-text-subtitle); font-size: var(--size-text-subtitle);
width: 100%; width: 100%;
min-height: min(3.6vw, 4.5rem); /*72*/ min-height: 4.5rem; /*72*/
margin: var(--indent-xbase) 0 0; margin: var(--indent-xbase) 0 0;
border-radius: 20px; border-radius: 1.25rem; /*20*/
border: 1px solid var(--btn-border); border: 1px solid var(--btn-border);
background: var(--btn-bg); background: var(--btn-bg);
box-shadow: var(--btn-shadow); box-shadow: var(--btn-shadow);
@ -1381,7 +1420,7 @@
color: var(--color-text-primary); color: var(--color-text-primary);
font-size: var(--size-text-addprimary); font-size: var(--size-text-addprimary);
font-family: 'GilroyM'; font-family: 'GilroyM';
border-radius: 8px; border-radius: var(--indent-mini);
border: 1px solid var(--color-primary-20); border: 1px solid var(--color-primary-20);
background-color: var(--bg-brick); background-color: var(--bg-brick);
} }
@ -1389,15 +1428,15 @@
background-color: var(--bg-brick) !important; background-color: var(--bg-brick) !important;
} }
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover):before { .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-row:is(.ag-row-selected, .ag-row-hover):before {
border-radius: 8px; border-radius: var(--indent-mini);
background-color: var(--bg-brick) !important; background-color: var(--bg-brick) !important;
} }
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell { .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell {
display: flex; display: flex;
} }
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing { .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing {
padding-left: 12px; padding-left: var(--indent-small);
padding-right: 12px; padding-right: var(--indent-small);
} }
.webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing:first-child { .webbpm.ervu_dashboard ag-grid-angular .ag-root .ag-cell.ag-cell-not-inline-editing:first-child {
padding-left: var(--indent-base); padding-left: var(--indent-base);
@ -1592,8 +1631,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: min(2.9vw, 3.625rem); /*58*/ width: 3.625rem; /*58*/
height: min(2.9vw, 3.625rem); /*58*/ height: 3.625rem; /*58*/
margin: 0; margin: 0;
border: 1px solid var(--color-primary-20); border: 1px solid var(--color-primary-20);
border-radius: 4px; border-radius: 4px;
@ -1640,7 +1679,7 @@
.webbpm.ervu_dashboard ervu-file-upload { .webbpm.ervu_dashboard ervu-file-upload {
padding: var(--indent-medium); padding: var(--indent-medium);
border-radius: 8px; border-radius: var(--indent-mini);
border: 1px solid var(--color-primary-20); border: 1px solid var(--color-primary-20);
background-color: var(--bg-brick); background-color: var(--bg-brick);
} }
@ -1663,7 +1702,7 @@
} }
.webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name { .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
position: relative; 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 { .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name::before {
position: absolute; position: absolute;
@ -1723,7 +1762,7 @@
/* Special pages */ /* Special pages */
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(1) { .webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(1) {
flex: 0; flex: 1.2;
} }
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(2) { .webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(2) {
flex: 1.4; flex: 1.4;
@ -1734,9 +1773,6 @@
.webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(4) { .webbpm.ervu_dashboard #total_registered_second .child-block:nth-child(4) {
flex: 1.4; flex: 1.4;
} }
.webbpm.ervu_dashboard #milregistration .parent-block > div > vbox:nth-child(1) {
flex: 0;
}
.webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(1) { .webbpm.ervu_dashboard #appeals .parent-block > div > vbox:nth-child(1) {
flex: 2; flex: 2;
} }
@ -1760,13 +1796,12 @@
} }
.webbpm.ervu_dashboard #milregistration, .webbpm.ervu_dashboard #milregistration,
.webbpm.ervu_dashboard #convicts { .webbpm.ervu_dashboard #convicts {
height: calc(100% - 68px); height: calc(100% - var(--b-height));
} }
.webbpm.ervu_dashboard #milregistration .parent-block, .webbpm.ervu_dashboard #milregistration .parent-block,
.webbpm.ervu_dashboard #convicts .parent-block { .webbpm.ervu_dashboard #convicts .parent-block {
flex: 1; flex: 1;
} }
.webbpm.ervu_dashboard #milregistration .parent-block > div > vbox:nth-child(1),
.webbpm.ervu_dashboard #convicts .parent-block > div > vbox:nth-child(1) { .webbpm.ervu_dashboard #convicts .parent-block > div > vbox:nth-child(1) {
flex: 0; flex: 0;
} }
@ -1868,11 +1903,11 @@
flex-direction: column; flex-direction: column;
} }
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs { .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 { .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
position: absolute; position: absolute;
width: calc(min(20vw, 23.75rem) - var(--indent-large)); width: 23.75rem - var(--indent-large);
bottom: 0; bottom: 0;
z-index: 1; z-index: 1;
} }
@ -1898,228 +1933,180 @@
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
overflow-y: auto; overflow: auto;
overflow-x: hidden;
} }
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active, .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 { .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: calc(23.75rem + var(--indent-large));
} }
/* end - Special pages */ /* end - Special pages */
@media ((max-width: 780px) or (orientation: portrait)) { @media (max-width: 1279px) {
.webbpm.ervu_dashboard .header-logo .logo-title, .webbpm.ervu_dashboard check-box label span {
.webbpm.ervu_dashboard .header-menu .update-data { width: 14px; /*28*/
display: none; height: 14px; /*28*/
} }
.webbpm.ervu_dashboard .top-btn-block > .horizontal-container { .webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {
flex-direction: column; width: 14px; /*28*/
height: 14px; /*28*/
} }
.webbpm.ervu_dashboard .top-btn-block .component-float { .webbpm.ervu_dashboard dropdown-tree-view .row-item label {
width: auto; min-width: 75px; /*150*/
} }
.webbpm.ervu_dashboard .top-btn-block .pull-right { .webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn,
margin-left: 0; .webbpm.ervu_dashboard .selected-file-delete-btn {
width: 18px; /*36*/
height: 18px; /*36*/
min-width: 18px
} }
.webbpm.ervu_dashboard .top-btn-block .pull-right > div { .webbpm.ervu_dashboard .text-fixed-percent {
justify-content: flex-start; min-width: 30px !important; /*60*/
} }
.webbpm.ervu_dashboard .text-fixed-percent-medium {
.webbpm.ervu_dashboard [class*="text-fixed-percent"] { min-width: 35px !important; /*70*/
flex: auto !important;
} }
.webbpm.ervu_dashboard text label {
.webbpm.ervu_dashboard .parent-block > .horizontal-container { width: 75px; /*150px*/
flex-direction: column;
}
.webbpm.ervu_dashboard .parent-block .horizontal-container > .child-block + .child-block {
margin-left: var(--indent-mini);
}
.webbpm.ervu_dashboard .parent-block > .horizontal-container > * + * {
margin-left: 0;
margin-top: var(--indent-mini);
} }
.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + *, .webbpm.ervu_dashboard .tab-vertical .nav-tabs {
.webbpm.ervu_dashboard .parent-block .vertical-container > .child-block + .child-block { width: 190px; /*380*/
margin-top: var(--indent-mini);
} }
.webbpm.ervu_dashboard .parent-block .child-block ~ hbox > .horizontal-container { .webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
flex-direction: column; width: calc(100% - 200px - var(--indent-large));
} }
.webbpm.ervu_dashboard .parent-block .child-block ~ hbox > .horizontal-container > .child-block + .child-block {
margin-left: 0;
margin-top: var(--indent-mini);
}
.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn {
position: relative;
display: grid;
place-items: center;
width: 2.25rem; /*36*/
height: 2.25rem; /*36*/
}
.webbpm.ervu_dashboard .graph-chart .chart-content { .webbpm.ervu_dashboard .graph-chart .chart-content {
width: 12.5rem; width: 100px;
height: 9rem; height: 70px;
} }
.webbpm.ervu_dashboard .graph-donut .chart-content { .webbpm.ervu_dashboard .graph-donut .chart-content {
width: 11rem; width: 80px;
height: 11rem; height: 80px;
} }
.webbpm.ervu_dashboard .graph-donut-medium .chart-content { .webbpm.ervu_dashboard .graph-donut-medium .chart-content {
width: 13.5rem; width: 100px;
height: 13.5rem; height: 100px;
} }
.webbpm.ervu_dashboard .graph-donut-large .chart-content { .webbpm.ervu_dashboard .graph-donut-large .chart-content {
width: 18.5rem; width: 140px;
height: 18.5rem; height: 140px;
}
.webbpm.ervu_dashboard .bg-diamond-people {
background-position: 100% 0, 50% 160px; /*320*/
} }
.webbpm.ervu_dashboard .search-block .child-block:first-child { .webbpm.ervu_dashboard .search-block .child-block:first-child {
flex: 1 0 auto; min-width: 200px; /*400*/
} }
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns { .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
position: relative; width: 120px; /*240*/
width: 100%; min-width: 120px; /*240*/
overflow: visible;
} }
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs { .webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
margin-bottom: 0; width: 27px; /*54*/
} }
} .webbpm.ervu_dashboard .search-block .search-btn .btn {
min-height: 36px; /*72*/
@media (max-width: 480px) { border-radius: 10px; /*20*/
.webbpm.ervu_dashboard .top-btn-block .horizontal-container {
flex-direction: column;
}
.webbpm.ervu_dashboard .top-btn-block .horizontal-container combo-box {
padding-right: 0;
}
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) + :is(button-component, static-route-navigation-button) {
margin-left: 0;
margin-top: var(--indent-xmini);
}
.webbpm.ervu_dashboard .top-btn-block :is(button-component, static-route-navigation-button) button {
width: 100%;
}
.webbpm.ervu_dashboard .child-block {
padding: var(--indent-base) var(--indent-xbase);
}
.webbpm.ervu_dashboard .parent-block > .horizontal-container > .child-block + .child-block {
margin-left: 0;
}
.webbpm.ervu_dashboard .graph-legend-row {
margin-top: 0 !important;
}
.webbpm.ervu_dashboard .graph-legend-row > .horizontal-container {
flex-direction: column;
}
.webbpm.ervu_dashboard .graph-legend-row > .horizontal-container > vbox + vbox {
padding-left: 0;
padding-top: var(--indent-small);
margin-left: 0;
margin-top: var(--indent-small);
border-left: 0;
border-top: 1px solid var(--color-primary-20);
}
.webbpm.ervu_dashboard .graph-legend-row > .horizontal-container .text-invert > div {
justify-content: flex-end;
}
.webbpm.ervu_dashboard .graph-legend-column .horizontal-container {
flex-direction: column;
}
.webbpm.ervu_dashboard .graph-legend-column .horizontal-container .pull-right {
justify-content: flex-start;
margin-left: 0;
}
.webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container {
flex-direction: row;
}
.webbpm.ervu_dashboard .donut-absolute-row .active > vbox > .vertical-container ervu-chart-v2 {
justify-content: flex-start !important;
margin-top: 0 !important;
z-index: 1 !important;
}
.webbpm.ervu_dashboard .graph-donut .chart-content,
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
width: 10rem;
height: 10rem;
}
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
width: 18rem;
height: 18rem;
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel {
flex-direction: column;
} }
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button { .webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
width: 3rem; width: 29px; /*58*/
height: 3rem; height: 29px; /*58*/
} }
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-page-summary-panel .ag-paging-description { .webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
margin: 0 var(--indent-small); padding-left: 30px; /*60*/
} }
.webbpm.ervu_dashboard .search-add-params .filter-group > div > hbox > .horizontal-container {
flex-direction: column;
}
.webbpm.ervu_dashboard .search-add-params .search-main-block,
.webbpm.ervu_dashboard .search-add-params .search-main-block ~ vbox {
width: 100% !important;
}
.webbpm.ervu_dashboard .search-add-params .search-main-block ~ vbox {
padding: 0 !important;
padding-top: var(--indent-base) !important;
border: 0 !important;
border-bottom: 1px solid var(--color-primary-20) !important;
}
.webbpm.ervu_dashboard .search-add-params .child-block check-box label > span {
width: 1.75rem; /*28*/
height: 1.75rem; /*28*/
}
.webbpm.ervu_dashboard .search-add-params .child-block check-box + text {
margin-left: 1.75rem !important;
}
.webbpm.ervu_dashboard.citizen .container-inside,
.webbpm.ervu_dashboard.citizencard .container-inside {
overflow: auto;
}
.webbpm.ervu_dashboard .tab-vertical > div,
.webbpm.ervu_dashboard .pers-block .horizontal-container {
flex-direction: column;
}
.webbpm.ervu_dashboard .search-block .grid {
min-height: 300px;
}
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs,
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active,
.webbpm.ervu_dashboard.citizen .search-block .tab-search-fio > div > vbox:not(.search-btns) > div {
position: relative;
width: 100%;
overflow: visible;
}
.webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs,
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs { .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
padding-right: 0; margin-bottom: 60px; /*120*/
margin-right: 0; }
.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.citizencard .pers-block .nav-tabs ~ .tab-active,
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active { .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
left: 0; 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*/
border-radius: 1vw; /*20*/
}
.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 { .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
width: 100%; width: calc(20vw - var(--indent-large));
} }
.webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container vbox, .webbpm.ervu_dashboard.citizencard .pers-block .nav-tabs ~ .tab-active,
.webbpm.ervu_dashboard .pers-block .child-block:nth-child(2) .horizontal-container text { .webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs ~ .tab-active {
width: 100% !important; left: calc(20vw + var(--indent-large));
} }
} }

View file

@ -48,40 +48,35 @@
linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%), linear-gradient(180deg, rgba(19, 46, 55, 0.16) 0%, rgba(19, 46, 55, 0.32) 100%),
radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%); radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 80%);
--bg-group: rgba(8, 131, 198, 0.25); --bg-group: rgba(8, 131, 198, 0.25);
/*conic-gradient(from 90deg at 100% 0%, rgba(0, 240, 255, 0.6) 0%, rgba(0, 191, 255, 0.24) 34%, rgba(0, 191, 255, 1) 100%),*/
/*
linear-gradient(180deg, rgba(8, 131, 198, 0) 0%, rgba(8, 131, 198, 0.4) 100%),
linear-gradient(0deg, rgba(19, 46, 55, 0.08) 0%, rgba(19, 46, 55, 0.16) 100%),
linear-gradient(204deg, rgba(0, 191, 255, 0.5) 0%, rgba(0, 191, 255, 0) 50%);
*/
--bg-brick: rgba(9, 91, 120, 0.6); --bg-brick: rgba(9, 91, 120, 0.6);
--w-content: calc((100vw - 300px)/100); --w-content: calc((100vw - 300px)/100);
--size-text-title: min(calc(1.5*var(--w-content)), 2rem); /*32px*/ --size-text-title: 2rem; /*32px*/
--size-text-subtitle: min(calc(1.2*var(--w-content)), 1.5rem); /*24px*/ --size-text-subtitle: 1.5rem; /*24px*/
--size-text-addprimary: min(calc(1*var(--w-content)), 1.25rem); /*20px*/ --size-text-addprimary: 1.25rem; /*20px*/
--size-text-primary: min(calc(0.9*var(--w-content)), 1.125rem); /*18px*/ --size-text-primary: 1.125rem; /*18px*/
--size-text-secondary: min(calc(0.7*var(--w-content)), 0.875rem); /*14px*/ --size-text-secondary: 0.875rem; /*14px*/
--size-num-title: min(calc(3*var(--w-content)), 3.75rem); /*60px*/ --size-num-title: 3.75rem; /*60px*/
--size-num-subtitle: min(calc(2.4*var(--w-content)), 3rem); /*48px*/ --size-num-subtitle: 3rem; /*48px*/
--size-num-addtitle: min(calc(2*var(--w-content)), 2.5rem); /*40px*/ --size-num-addtitle: 2.5rem; /*40px*/
--size-num-primary: min(calc(1.6*var(--w-content)), 2rem); /*32px*/ --size-num-primary: 2rem; /*32px*/
--size-num-secondary: min(calc(1.2*var(--w-content)), 1.5rem); /*24px*/ --size-num-secondary: 1.5rem; /*24px*/
--indent-huge: min(calc(2.4*var(--w-content)), 3rem); /*48*/ --indent-huge: 3rem; /*48*/
--indent-xlarge: min(calc(2*var(--w-content)), 2.5rem); /*40*/ --indent-xlarge: 2.5rem; /*40*/
--indent-large: min(calc(1.6*var(--w-content)), 2rem); /*32*/ --indent-large: 2rem; /*32*/
--indent-medium: min(calc(1.2*var(--w-content)), 1.5rem); /*24*/ --indent-medium: 1.5rem; /*24*/
--indent-xbase: min(calc(1*var(--w-content)), 1.25rem); /*20*/ --indent-xbase: 1.25rem; /*20*/
--indent-base: min(calc(0.8*var(--w-content)), 1rem); /*16*/ --indent-base: 1rem; /*16*/
--indent-small: min(calc(0.6*var(--w-content)), 0.75rem); /*12px*/ --indent-small: 0.75rem; /*12px*/
--indent-mini: min(calc(0.4*var(--w-content)), 0.5rem); /*8px*/ --indent-mini: 0.5rem; /*8px*/
--indent-xmini: min(calc(0.2*var(--w-content)), 0.25rem); /*4px*/ --indent-xmini: 0.25rem; /*4px*/
--h-header: min(calc(3.9*var(--w-content)), 4.875rem); /*78*/ --h-header: 4.875rem; /*78*/
--w-screen: min(calc(2*var(--w-content)), 2.5rem); /*40*/ --w-screen: 2.5rem; /*40*/
--b-height: 4.25rem; /*68*/
} }
.webbpm.ervu_dashboard .ag-theme-balham-dark { .webbpm.ervu_dashboard .ag-theme-balham-dark {
--ag-modal-overlay-background-color: transparent !important; --ag-modal-overlay-background-color: transparent !important;
@ -99,6 +94,7 @@ body.webbpm.ervu_dashboard {
background-size: cover; background-size: cover;
} }
.webbpm.ervu_dashboard .wrapper { .webbpm.ervu_dashboard .wrapper {
min-width: 980px;
background: background:
radial-gradient(circle at 0% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%), radial-gradient(circle at 0% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%),
radial-gradient(circle at 100% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%), radial-gradient(circle at 100% 0%, rgba(16, 67, 77, 0.35) 0%, rgba(8, 37, 43, 0) 37%),
@ -115,7 +111,7 @@ body.webbpm.ervu_dashboard {
position: relative; position: relative;
font-family: 'Gilroy'; font-family: 'Gilroy';
font-size: var(--size-text-primary); font-size: var(--size-text-primary);
height: 100%; height: 100%;
padding: 0 var(--w-screen) var(--indent-mini) var(--w-screen); padding: 0 var(--w-screen) var(--indent-mini) var(--w-screen);
overflow: auto; overflow: auto;
} }
@ -126,15 +122,18 @@ body.webbpm.ervu_dashboard {
align-items: center; align-items: center;
margin-left: var(--w-screen); margin-left: var(--w-screen);
} }
.webbpm.ervu_dashboard .header-logo .logo,
.webbpm.ervu_dashboard .header-logo .logo a {
width: 6.25rem; /*100*/
}
.webbpm.ervu_dashboard .header-logo .logo a { .webbpm.ervu_dashboard .header-logo .logo a {
width: 100px;
height: var(--h-header); height: var(--h-header);
background: url('../../../src/resources/img/logo-full.svg') no-repeat 0 50%; background: url('../../../src/resources/img/logo-full.svg') no-repeat 0 50%;
background-size: auto 100%; background-size: auto 100%;
} }
.webbpm.ervu_dashboard .header-logo .logo-title { .webbpm.ervu_dashboard .header-logo .logo-title {
font-family: 'GilroySB'; font-family: 'GilroySB';
margin-left: min(6vw, 7.5rem); /*120*/ margin-left: var(--indent-xbase);
} }
.webbpm.ervu_dashboard .header-menu { .webbpm.ervu_dashboard .header-menu {
@ -274,6 +273,72 @@ body.webbpm.ervu_dashboard {
} }
/*--------------- end Login -------------- */ /*--------------- end Login -------------- */
@media (max-width: 1279px) {
.webbpm.ervu_dashboard {
--size-text-title: 14px; /*32px*/
--size-text-subtitle: 12px; /*24px*/
--size-text-addprimary: 10px; /*20px*/
--size-text-primary: 8px; /*18px*/
--size-text-secondary: 7px; /*14px*/
--size-num-title: 30px; /*60px*/
--size-num-subtitle: 24px; /*48px*/
--size-num-addtitle: 20px; /*40px*/
--size-num-primary: 16px; /*32px*/
--size-num-secondary: 12px; /*24px*/
--indent-huge: 24px; /*48*/
--indent-xlarge: 20px; /*40*/
--indent-large: 14px; /*32*/
--indent-medium: 12px; /*24*/
--indent-xbase: 10px; /*20*/
--indent-base: 8px; /*16*/
--indent-small: 6px; /*12px*/
--indent-mini: 4px; /*8px*/
--indent-xmini: 2px; /*4px*/
--h-header: 39px; /*78*/
--w-screen: 20px; /*40*/
--b-height: 34px; /*68*/
}
.webbpm.ervu_dashboard .header-logo .logo,
.webbpm.ervu_dashboard .header-logo .logo a {
width: 50px; /*100*/
}
}
@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*/
--size-text-addprimary: calc(1*var(--w-content)); /*20px*/
--size-text-primary: calc(0.9*var(--w-content)); /*18px*/
--size-text-secondary: calc(0.7*var(--w-content)); /*14px*/
--size-num-title: calc(3*var(--w-content)); /*60px*/
--size-num-subtitle: calc(2.4*var(--w-content)); /*48*/
--size-num-addtitle: calc(2*var(--w-content)); /*40*/
--size-num-primary: calc(1.6*var(--w-content)); /*32*/
--size-num-secondary: calc(1.2*var(--w-content)); /*24px*/
--indent-huge: calc(2.4*var(--w-content)); /*48*/
--indent-xlarge: calc(2*var(--w-content)); /*40*/
--indent-large: calc(1.6*var(--w-content)); /*32*/
--indent-medium: calc(1.2*var(--w-content)); /*24*/
--indent-xbase: calc(1*var(--w-content)); /*20*/
--indent-base: calc(0.8*var(--w-content)); /*16*/
--indent-small: calc(0.6*var(--w-content)); /*12px*/
--indent-mini: calc(0.4*var(--w-content)); /*8px*/
--indent-xmini: calc(0.2*var(--w-content)); /*4px*/
--h-header: calc(3.9*var(--w-content)); /*78*/
--w-screen: calc(2*var(--w-content)); /*40*/
--b-height: calc(3.4*var(--w-content)); /*68*/
}
.webbpm.ervu_dashboard .header-logo .logo,
.webbpm.ervu_dashboard .header-logo .logo a {
width: calc(5*var(--w-content)); /*100*/
}
}
@supports not selector(::-webkit-scrollbar) { @supports not selector(::-webkit-scrollbar) {
* { * {
scrollbar-width: thin; scrollbar-width: thin;
@ -294,51 +359,10 @@ body.webbpm.ervu_dashboard {
background-color: transparent; background-color: transparent;
} }
@media ((max-width: 780px) or (orientation: portrait)) {
.webbpm.ervu_dashboard {
--size-text-title: 2rem; /*32px*/
--size-text-subtitle: 1.5rem; /*24px*/
--size-text-addprimary: 1.25rem; /*20px*/
--size-text-primary: 1.125rem; /*18px*/
--size-text-secondary: 0.875rem; /*14px*/
--size-num-title: 3.75rem; /*60px*/
--size-num-subtitle: 3rem; /*48px*/
--size-num-addtitle: 2.5rem; /*40px*/
--size-num-primary: 2rem; /*32px*/
--size-num-secondary: 1.5rem; /*24px*/
--indent-huge: 3rem; /*48*/
--indent-xlarge: 2.5rem; /*40*/
--indent-large: 2rem; /*32*/
--indent-medium: 1.5rem; /*24*/
--indent-xbase: 1.25rem; /*20*/
--indent-base: 1rem; /*16*/
--indent-small: 0.75rem; /*12px*/
--indent-mini: 0.5rem; /*8px*/
--indent-xmini: 0.25rem; /*4px*/
--h-header: 4.875rem; /*78*/
--w-screen: 1rem; /*40*/
}
}
@media (max-width: 480px) {
.webbpm.ervu_dashboard {
--size-text-title: 1.75rem; /*28px*/
--size-text-primary: 1rem; /*16px*/
--size-num-title: 3rem; /*48*/
--size-num-subtitle: 2.5rem; /*40*/
--size-num-addtitle: 2rem; /*32px*/
--size-num-primary: 1.75rem; /*28px*/
}
}
.webbpm.ervu_dashboard .progress { .webbpm.ervu_dashboard .progress {
width: 64px; width: 3.2vw;
height: 64px; height:3.2vw;
border: 5px dotted var(--color-text-primary); border: 0.25vw dotted var(--color-text-primary);
border-radius: 100%; border-radius: 100%;
display: inline-block; display: inline-block;
position: relative; position: relative;

View file

@ -9047,7 +9047,6 @@
<componentRootId>40425766-68d3-4a7c-bfa7-c63434dfca2c</componentRootId> <componentRootId>40425766-68d3-4a7c-bfa7-c63434dfca2c</componentRootId>
<name>Tab item_Личные сведения </name> <name>Tab item_Личные сведения </name>
<container>true</container> <container>true</container>
<expanded>false</expanded>
<childrenReordered>false</childrenReordered> <childrenReordered>false</childrenReordered>
<scripts id="d1ce20ca-453b-4610-a2a5-bb6498db5cf5"> <scripts id="d1ce20ca-453b-4610-a2a5-bb6498db5cf5">
<properties> <properties>
@ -15288,7 +15287,6 @@
<componentRootId>a7959de0-901d-47ad-8745-a7956ecda563</componentRootId> <componentRootId>a7959de0-901d-47ad-8745-a7956ecda563</componentRootId>
<name>Hbox</name> <name>Hbox</name>
<container>true</container> <container>true</container>
<expanded>false</expanded>
<childrenReordered>false</childrenReordered> <childrenReordered>false</childrenReordered>
<scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f"/> <scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f"/>
<scripts id="b6068710-0f31-48ec-8e03-c0c1480a40c0"/> <scripts id="b6068710-0f31-48ec-8e03-c0c1480a40c0"/>
@ -15310,6 +15308,11 @@
<value> <value>
<simple>"search-date"</simple> <simple>"search-date"</simple>
</value> </value>
</item>
<item id="b355606c-38a1-473a-90c9-3bf50065c600" removed="false">
<value>
<simple>"align-bottom"</simple>
</value>
</item> </item>
</value> </value>
</entry> </entry>
@ -15557,6 +15560,11 @@
<value> <value>
<simple>"search-date"</simple> <simple>"search-date"</simple>
</value> </value>
</item>
<item id="fa557a0b-cc7b-41ca-8da2-43ee51b6521c" removed="false">
<value>
<simple>"align-bottom"</simple>
</value>
</item> </item>
</value> </value>
</entry> </entry>
@ -15881,7 +15889,6 @@
<componentRootId>68684514-9633-487b-8c1a-a485dd3d9c17</componentRootId> <componentRootId>68684514-9633-487b-8c1a-a485dd3d9c17</componentRootId>
<name>Горизонтальный контейнер</name> <name>Горизонтальный контейнер</name>
<container>true</container> <container>true</container>
<expanded>false</expanded>
<childrenReordered>false</childrenReordered> <childrenReordered>false</childrenReordered>
<scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f"/> <scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f"/>
<scripts id="b6068710-0f31-48ec-8e03-c0c1480a40c0"/> <scripts id="b6068710-0f31-48ec-8e03-c0c1480a40c0"/>
@ -15896,6 +15903,16 @@
<childrenReordered>false</childrenReordered> <childrenReordered>false</childrenReordered>
<scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f"> <scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f">
<properties> <properties>
<entry>
<key>cssClasses</key>
<value>
<item id="20622bf3-718e-48fb-a548-18b9ab9b4ceb" removed="false">
<value>
<simple>"align-bottom"</simple>
</value>
</item>
</value>
</entry>
<entry> <entry>
<key>style</key> <key>style</key>
<value> <value>
@ -16006,6 +16023,16 @@
<childrenReordered>false</childrenReordered> <childrenReordered>false</childrenReordered>
<scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f"> <scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f">
<properties> <properties>
<entry>
<key>cssClasses</key>
<value>
<item id="133fcc73-8b59-4a4f-9508-8f761f6e0933" removed="false">
<value>
<simple>"align-bottom"</simple>
</value>
</item>
</value>
</entry>
<entry> <entry>
<key>style</key> <key>style</key>
<value> <value>
@ -16059,6 +16086,7 @@
<entry> <entry>
<key>cssClasses</key> <key>cssClasses</key>
<value> <value>
<item id="89d27eea-ca73-4b5e-98a6-7e68e315761b" removed="true"/>
<item id="77267749-8d91-4095-8543-9e7359dd666c" removed="true"/> <item id="77267749-8d91-4095-8543-9e7359dd666c" removed="true"/>
</value> </value>
</entry> </entry>
@ -16219,6 +16247,16 @@
<childrenReordered>false</childrenReordered> <childrenReordered>false</childrenReordered>
<scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f"> <scripts id="bf098f19-480e-44e4-9084-aa42955c4d0f">
<properties> <properties>
<entry>
<key>cssClasses</key>
<value>
<item id="f51e0ba6-0bb4-48cc-b271-d519bbbecce4" removed="false">
<value>
<simple>"align-bottom"</simple>
</value>
</item>
</value>
</entry>
<entry> <entry>
<key>style</key> <key>style</key>
<value> <value>
@ -16272,6 +16310,7 @@
<entry> <entry>
<key>cssClasses</key> <key>cssClasses</key>
<value> <value>
<item id="a618a664-e196-4907-b8ef-084a50034e5a" removed="true"/>
<item id="77267749-8d91-4095-8543-9e7359dd666c" removed="true"/> <item id="77267749-8d91-4095-8543-9e7359dd666c" removed="true"/>
</value> </value>
</entry> </entry>
@ -33379,6 +33418,7 @@
<componentRootId>aba668a8-547a-4dc0-a251-3e152d4a843c</componentRootId> <componentRootId>aba668a8-547a-4dc0-a251-3e152d4a843c</componentRootId>
<name>Tab item_Сведения об образовании</name> <name>Tab item_Сведения об образовании</name>
<container>true</container> <container>true</container>
<expanded>false</expanded>
<childrenReordered>false</childrenReordered> <childrenReordered>false</childrenReordered>
<scripts id="d1ce20ca-453b-4610-a2a5-bb6498db5cf5"> <scripts id="d1ce20ca-453b-4610-a2a5-bb6498db5cf5">
<properties> <properties>
@ -37014,13 +37054,6 @@
<enabled>false</enabled> <enabled>false</enabled>
</scripts> </scripts>
</children> </children>
<children id="d8de34eb-a48f-4987-9821-d0f7a58c8664">
<prototypeId>3a00a919-c6aa-4fbf-951e-b6f2dbc24764</prototypeId>
<componentRootId>d8de34eb-a48f-4987-9821-d0f7a58c8664</componentRootId>
<name>Список (фильтр)</name>
<container>false</container>
<removed>true</removed>
</children>
<children id="e09dc93e-6719-4c5d-8a8b-5924e229d752"> <children id="e09dc93e-6719-4c5d-8a8b-5924e229d752">
<prototypeId>b310f98a-69c6-4e7b-8cdb-f1ab9f9c0d94</prototypeId> <prototypeId>b310f98a-69c6-4e7b-8cdb-f1ab9f9c0d94</prototypeId>
<componentRootId>e09dc93e-6719-4c5d-8a8b-5924e229d752</componentRootId> <componentRootId>e09dc93e-6719-4c5d-8a8b-5924e229d752</componentRootId>