diff --git a/frontend/src/resources/css/inbox-dashboard.css b/frontend/src/resources/css/inbox-dashboard.css index 018714ba..ff4a3e02 100644 --- a/frontend/src/resources/css/inbox-dashboard.css +++ b/frontend/src/resources/css/inbox-dashboard.css @@ -1,10 +1,3 @@ -.webbpm.ervu_dashboard .wrapper { - min-width: 980px; -} - - - - @font-face { font-family: 'GilroyL'; src: url('../fonts/gilroy-light.otf'); @@ -59,30 +52,30 @@ --w-content: calc((100vw - 300px)/100); - --size-text-title: 14px; /*min(calc(1.5*var(--w-content)), 2rem);*/ /*32px*/ - --size-text-subtitle: 12px; /*min(calc(1.2*var(--w-content)), 1.5rem);*/ /*24px*/ - --size-text-addprimary: 10px; /*min(calc(1*var(--w-content)), 1.25rem);*/ /*20px*/ - --size-text-primary: 8px; /*min(calc(0.9*var(--w-content)), 1.125rem);*/ /*18px*/ - --size-text-secondary: 7px; /*min(calc(0.7*var(--w-content)), 0.875rem);*/ /*14px*/ + --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: 30px; /*min(calc(3*var(--w-content)), 3.75rem);*/ /*60px*/ - --size-num-subtitle: 24px; /*min(calc(2.4*var(--w-content)), 3rem);*/ /*48px*/ - --size-num-addtitle: 20px; /*min(calc(2*var(--w-content)), 2.5rem);*/ /*40px*/ - --size-num-primary: 16px; /*min(calc(1.6*var(--w-content)), 2rem);*/ /*32px*/ - --size-num-secondary: 12px; /*min(calc(1.2*var(--w-content)), 1.5rem);*/ /*24px*/ + --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: 24px; /*min(calc(2.4*var(--w-content)), 3rem);*/ /*48*/ - --indent-xlarge: 20px; /*min(calc(2*var(--w-content)), 2.5rem);*/ /*40*/ - --indent-large: 14px; /*min(calc(1.6*var(--w-content)), 2rem);*/ /*32*/ - --indent-medium: 12px; /*min(calc(1.2*var(--w-content)), 1.5rem);*/ /*24*/ - --indent-xbase: 10px; /*min(calc(1*var(--w-content)), 1.25rem);*/ /*20*/ - --indent-base: 8px; /*min(calc(0.8*var(--w-content)), 1rem);*/ /*16*/ - --indent-small: 6px; /*min(calc(0.6*var(--w-content)), 0.75rem);*/ /*12px*/ - --indent-mini: 4px; /*min(calc(0.4*var(--w-content)), 0.5rem);*/ /*8px*/ - --indent-xmini: 2px; /*min(calc(0.2*var(--w-content)), 0.25rem);*/ /*4px*/ + --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: 39px; /*min(calc(3.9*var(--w-content)), 4.875rem);*/ /*78*/ - --w-screen: 20px; /*min(calc(2*var(--w-content)), 2.5rem);*/ /*40*/ + --h-header: 4.875rem; /*78*/ + --w-screen: 2.5rem; /*40*/ } .webbpm.ervu_dashboard .ag-theme-balham-dark { --ag-modal-overlay-background-color: transparent !important; @@ -100,6 +93,7 @@ body.webbpm.ervu_dashboard { background-size: cover; } .webbpm.ervu_dashboard .wrapper { + min-width: 980px; background: 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%), @@ -128,14 +122,14 @@ body.webbpm.ervu_dashboard { margin-left: var(--w-screen); } .webbpm.ervu_dashboard .header-logo .logo a { - width: min(5vw, 6.25rem); /*100*/ + width: 6.25rem; /*100*/ height: var(--h-header); background: url('../../../src/resources/img/logo-full.svg') no-repeat 0 50%; background-size: auto 100%; } .webbpm.ervu_dashboard .header-logo .logo-title { font-family: 'GilroySB'; - margin-left: min(5vw, 6.25rem); /*100*/ + margin-left: 6.25rem; /*100*/ } .webbpm.ervu_dashboard .header-menu { @@ -275,6 +269,41 @@ body.webbpm.ervu_dashboard { } /*--------------- 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*/ + } + .webbpm.ervu_dashboard .header-logo .logo a { + width: 50px; /*100*/ + } + .webbpm.ervu_dashboard .header-logo .logo-title { + margin-left: 50px; /*100*/ + } +} + @supports not selector(::-webkit-scrollbar) { * { scrollbar-width: thin;