From e5f09a26d46f83de4771cf8adbc3bf179cb5db79 Mon Sep 17 00:00:00 2001 From: Eliseu Amaro Date: Thu, 2 Dec 2021 21:46:02 +0000 Subject: [PATCH] [CSS] Ultra widescreen dimensions fix --- public/assets/default_theme/css/base.css | 32 ++++++++++++------------ templates/base.html.twig | 2 +- 2 files changed, 17 insertions(+), 17 deletions(-) diff --git a/public/assets/default_theme/css/base.css b/public/assets/default_theme/css/base.css index 566b1c4b45..d0cec1e362 100644 --- a/public/assets/default_theme/css/base.css +++ b/public/assets/default_theme/css/base.css @@ -6,14 +6,6 @@ @import url("widgets/sections.css"); -/*:root {*/ -/* --smaller: .6rem;*/ -/* --default: 1rem;*/ -/* --small: 1.3rem;*/ -/* --medium: 1.62rem;*/ -/* --big: 3rem;*/ -/*}*/ - * { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; @@ -24,9 +16,13 @@ body,html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + background-color: var(--background-hard); background-attachment: fixed; font-family: 'Open Sans',sans-serif; font-size: var(--default); + + display: flex; + flex-direction: column; } body,input,textarea,select { @@ -183,10 +179,6 @@ li { } @media(prefers-color-scheme:dark) { - .background-image { - background-color: var(--background-hard); - } - select:not([multiple]) { background: var(--gradient),url("../images/select_drop_dark.png") no-repeat center right 5px !important; background-size: cover,16px !important; @@ -194,10 +186,6 @@ li { } @media(prefers-color-scheme:light) { - .background-image { - background-color: var(--background-hard); - } - select:not([multiple]) { background: var(--gradient),url("../images/select_drop_light.png") no-repeat center right 5px !important; background-size: cover,16px !important; @@ -424,6 +412,18 @@ html { } } +@media only screen and (min-width:2000px) { + .page-content-wrapper { + width: 50%; + } + .section-panel-left { + left: calc(25% - 19vw) !important; + } + .section-panel-right { + right: calc(25% - 19vw) !important; + } +} + @media only screen and (max-width:1280px) { .page-content-wrapper { width: 100%; diff --git a/templates/base.html.twig b/templates/base.html.twig index e9e29996a0..66aeeffa44 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -32,7 +32,7 @@ {% endfor %} - +