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

v0.7

Browse source
This commit is contained in:
m.epshtein 2025-05-29 20:51:26 +03:00
parent 92547bceb1
commit fc863a37d7
2 changed files with 120 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1223,9 +1223,9 @@
background-color: transparent;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu :is(th, td) {
height: var(--indent-xlarge);
line-height: var(--indent-xlarge);
width: var(--indent-xlarge);
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:hover {
@ -1946,21 +1946,104 @@
.webbpm.ervu_dashboard .wrapper {
width: calc(100% - 340px);
}
@media (max-width: 1279) {
@media (min-width: 1921px) {
.webbpm.ervu_dashboard check-box label span {
width: max(1.4vw, 1.75rem); /*28*/
height: max(1.4vw, 1.75rem); /*28*/
}
.webbpm.ervu_dashboard .radio-horizontal input[type="radio"] {;
width: max(1.4vw, 1.75rem); /*28*/
height: max(1.4vw, 1.75rem); /*28*/
}
.webbpm.ervu_dashboard dropdown-tree-view .row-item label {
min-width: max(7.5vw, 9.375rem); /*150*/
}
.webbpm.ervu_dashboard :is(.arrow-btn, .delete-btn, .upload-btn) .btn,
.webbpm.ervu_dashboard .selected-file-delete-btn {
width: max(1.8vw, 2.25rem); /*36*/
height: max(1.8vw, 2.25rem); /*36*/
min-width: max(1.8vw, 2.25rem);
}
.webbpm.ervu_dashboard .text-fixed-percent {
min-width: max(3vw, 3.75rem) !important; /*60*/
}
.webbpm.ervu_dashboard .text-fixed-percent-medium {
min-width: max(3.5vw, 4.375rem) !important; /*70*/
}
.webbpm.ervu_dashboard text label {
width: max(7.5vw, 9.375rem) ; /*150px*/
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs {
width: max(20vw, 23.75rem); /*380*/
}
.webbpm.ervu_dashboard .tab-vertical .nav-tabs ~ .tab-active {
width: calc(100% - max(20vw, 23.75rem) - var(--indent-large));
}
.webbpm.ervu_dashboard .graph-chart .chart-content {
width: max(calc(10*var(--w-content)), 12.5rem);
height: max(calc(7*var(--w-content)), 9rem);
}
.webbpm.ervu_dashboard .graph-donut .chart-content {
width: max(calc(8*var(--w-content)), 11rem);
height: max(calc(8*var(--w-content)), 11rem);
}
.webbpm.ervu_dashboard .graph-donut-medium .chart-content {
width: max(calc(10*var(--w-content)), 13.5rem);
height: max(calc(10*var(--w-content)), 13.5rem);
}
.webbpm.ervu_dashboard .graph-donut-large .chart-content {
width: max(calc(14*var(--w-content)), 18.5rem);
height: max(calc(14*var(--w-content)), 18.5rem);
}
.webbpm.ervu_dashboard .bg-diamond-people {
background-position: 100% 0, 50% max(16vw, 20rem); /*320*/
}
.webbpm.ervu_dashboard .search-block .child-block:first-child {
min-width: max(20vw, 25rem); /*400*/
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu {
width: max(12vw, 15rem); /*240*/
min-width: max(12vw, 15rem); /*240*/;
}
.webbpm.ervu_dashboard .search-block .child-block .filter-group date-time-picker .dropdown-menu td span {
width: max(2.7vw, 3.375rem); /*54*/
}
.webbpm.ervu_dashboard .search-block .search-btn .btn {
min-height:max(calc(3.6*var(--w-content)), 4.5rem); /*72*/
}
.webbpm.ervu_dashboard ag-grid-angular .ag-paging-panel .ag-paging-button {
width: max(2.9vw, 3.625rem); /*58*/
height: max(2.9vw, 3.625rem); /*58*/
}
.webbpm.ervu_dashboard .ervu-file-upload .selected-file .selected-file-name {
padding-left: max(3vw, 3.75rem); /*60*/
}
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical .nav-tabs {
margin-bottom: max(6vw, 7.5rem); /*120*/
}
.webbpm.ervu_dashboard.citizen .search-block.search-add-params .tab-vertical + .search-btns {
width: calc(max(20vw, 23.75rem) - 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(max(20vw, 23.75rem) + var(--indent-large));
}
}
@media ((max-width: 780px) or (orientation: portrait)) {
.webbpm.ervu_dashboard .header-logo .logo-title,
.webbpm.ervu_dashboard .header-menu .update-data {
display: none;
}
.webbpm.ervu_dashboard .top-btn-block > .horizontal-container {
.webbpm.ervu_dashboard .top-btn-block .horizontal-container {
flex-direction: column;
}
.webbpm.ervu_dashboard .top-btn-block .horizontal-container > * + * {
margin-left: 0;
}
.webbpm.ervu_dashboard .top-btn-block .component-float {
width: auto;
}

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

@ -294,6 +294,35 @@ body.webbpm.ervu_dashboard {
background-color: transparent;
}
@media (min-width: 1921px) {
.webbpm.ervu_dashboard {
--size-text-title: max(calc(1.5*var(--w-content)), 2rem); /*32px*/
--size-text-subtitle: max(calc(1.2*var(--w-content)), 1.5rem); /*24px*/
--size-text-addprimary: max(calc(1*var(--w-content)), 1.25rem); /*20px*/
--size-text-primary: max(calc(0.9*var(--w-content)), 1.125rem); /*18px*/
--size-text-secondary: max(calc(0.7*var(--w-content)), 0.875rem); /*14px*/
--size-num-title: max(calc(3*var(--w-content)), 3.75rem); /*60px*/
--size-num-subtitle: max(calc(2.4*var(--w-content)), 3rem); /*48px*/
--size-num-addtitle: max(calc(2*var(--w-content)), 2.5rem); /*40px*/
--size-num-primary: max(calc(1.6*var(--w-content)), 2rem); /*32px*/
--size-num-secondary: max(calc(1.2*var(--w-content)), 1.5rem); /*24px*/
--indent-huge: max(calc(2.4*var(--w-content)), 3rem); /*48*/
--indent-xlarge: max(calc(2*var(--w-content)), 2.5rem); /*40*/
--indent-large: max(calc(1.6*var(--w-content)), 2rem); /*32*/
--indent-medium: max(calc(1.2*var(--w-content)), 1.5rem); /*24*/
--indent-xbase: max(calc(1*var(--w-content)), 1.25rem); /*20*/
--indent-base: max(calc(0.8*var(--w-content)), 1rem); /*16*/
--indent-small: max(calc(0.6*var(--w-content)), 0.75rem); /*12px*/
--indent-mini: max(calc(0.4*var(--w-content)), 0.5rem); /*8px*/
--indent-xmini: max(calc(0.2*var(--w-content)), 0.25rem); /*4px*/
--h-header: max(calc(3.9*var(--w-content)), 4.875rem); /*78*/
--w-screen: max(calc(2*var(--w-content)), 2.5rem); /*40*/
}
}
@media ((max-width: 780px) or (orientation: portrait)) {
.webbpm.ervu_dashboard {
--size-text-title: 2rem; /*32px*/