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

hide screen width < 780

Browse source
This commit is contained in:
m.epshtein 2025-05-30 10:23:08 +03:00
parent 67077950af
commit dc24aae0a4
2 changed files with 35 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2032,7 +2032,7 @@
left: calc(max(20vw, 23.75rem) + var(--indent-large)); left: calc(max(20vw, 23.75rem) + var(--indent-large));
} }
} }
/*
@media ((max-width: 780px) or (orientation: portrait)) { @media ((max-width: 780px) or (orientation: portrait)) {
.webbpm.ervu_dashboard .header-logo .logo-title, .webbpm.ervu_dashboard .header-logo .logo-title,
.webbpm.ervu_dashboard .header-menu .update-data { .webbpm.ervu_dashboard .header-menu .update-data {
@ -2084,8 +2084,8 @@
position: relative; position: relative;
display: grid; display: grid;
place-items: center; place-items: center;
width: 2.25rem; /*36*/ width: 2.25rem;
height: 2.25rem; /*36*/ height: 2.25rem;
} }
.webbpm.ervu_dashboard .graph-chart .chart-content { .webbpm.ervu_dashboard .graph-chart .chart-content {
@ -2207,8 +2207,8 @@
border-bottom: 1px solid var(--color-primary-20) !important; border-bottom: 1px solid var(--color-primary-20) !important;
} }
.webbpm.ervu_dashboard .search-add-params .child-block check-box label > span { .webbpm.ervu_dashboard .search-add-params .child-block check-box label > span {
width: 1.75rem; /*28*/ width: 1.75rem;
height: 1.75rem; /*28*/ height: 1.75rem;
} }
.webbpm.ervu_dashboard .search-add-params .child-block check-box + text { .webbpm.ervu_dashboard .search-add-params .child-block check-box + text {
margin-left: 1.75rem !important; margin-left: 1.75rem !important;
@ -2251,6 +2251,7 @@
width: 100% !important; width: 100% !important;
} }
} }
*/
/* /*
grid-checkbox grid-checkbox

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

@ -328,47 +328,48 @@ body.webbpm.ervu_dashboard {
margin-left: max(calc(6.25*var(--w-content)), 5rem); margin-left: max(calc(6.25*var(--w-content)), 5rem);
} }
} }
/*
@media ((max-width: 780px) or (orientation: portrait)) { @media ((max-width: 780px) or (orientation: portrait)) {
.webbpm.ervu_dashboard { .webbpm.ervu_dashboard {
--size-text-title: 2rem; /*32px*/ --size-text-title: 2rem;
--size-text-subtitle: 1.5rem; /*24px*/ --size-text-subtitle: 1.5rem;
--size-text-addprimary: 1.25rem; /*20px*/ --size-text-addprimary: 1.25rem;
--size-text-primary: 1.125rem; /*18px*/ --size-text-primary: 1.125rem;
--size-text-secondary: 0.875rem; /*14px*/ --size-text-secondary: 0.875rem;
--size-num-title: 3.75rem; /*60px*/ --size-num-title: 3.75rem;
--size-num-subtitle: 3rem; /*48px*/ --size-num-subtitle: 3rem;
--size-num-addtitle: 2.5rem; /*40px*/ --size-num-addtitle: 2.5rem;
--size-num-primary: 2rem; /*32px*/ --size-num-primary: 2rem;
--size-num-secondary: 1.5rem; /*24px*/ --size-num-secondary: 1.5rem;
--indent-huge: 3rem; /*48*/ --indent-huge: 3rem;
--indent-xlarge: 2.5rem; /*40*/ --indent-xlarge: 2.5rem;
--indent-large: 2rem; /*32*/ --indent-large: 2rem;
--indent-medium: 1.5rem; /*24*/ --indent-medium: 1.5rem;
--indent-xbase: 1.25rem; /*20*/ --indent-xbase: 1.25rem;
--indent-base: 1rem; /*16*/ --indent-base: 1rem;
--indent-small: 0.75rem; /*12px*/ --indent-small: 0.75rem;
--indent-mini: 0.5rem; /*8px*/ --indent-mini: 0.5rem;
--indent-xmini: 0.25rem; /*4px*/ --indent-xmini: 0.25rem;
--h-header: 4.875rem; /*78*/ --h-header: 4.875rem;
--w-screen: 1rem; /*40*/ --w-screen: 1rem;
} }
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.webbpm.ervu_dashboard { .webbpm.ervu_dashboard {
--size-text-title: 1.75rem; /*28px*/ --size-text-title: 1.75rem;
--size-text-primary: 1rem; /*16px*/ --size-text-primary: 1rem;
--size-num-title: 3rem; /*48*/ --size-num-title: 3rem;
--size-num-subtitle: 2.5rem; /*40*/ --size-num-subtitle: 2.5rem;
--size-num-addtitle: 2rem; /*32px*/ --size-num-addtitle: 2rem;
--size-num-primary: 1.75rem; /*28px*/ --size-num-primary: 1.75rem;
} }
} }
*/
.webbpm.ervu_dashboard .progress { .webbpm.ervu_dashboard .progress {
width: 64px; width: 64px;