From de74cc6e9407bb064c9d9c3df4f7355d5692f101 Mon Sep 17 00:00:00 2001 From: f0x52 Date: Thu, 5 Jan 2023 09:38:01 +0100 Subject: [PATCH] [bugfix/frogend] replace ch units to prevent layout shift on page load (#1301) --- web/source/css/base.css | 4 ++-- web/source/css/profile.css | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/web/source/css/base.css b/web/source/css/base.css index 73b533733..da2ad8f2b 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -62,8 +62,8 @@ body { min-width: 100%; width: 100%; - grid-template-columns: auto minmax(auto, 90ch) auto; - grid-template-columns: auto min(92%, 90ch) auto; + grid-template-columns: auto minmax(auto, 50rem) auto; + grid-template-columns: auto min(92%, 50rem) auto; grid-template-rows: auto 1fr auto; } diff --git a/web/source/css/profile.css b/web/source/css/profile.css index f371cfae7..3de2f4387 100644 --- a/web/source/css/profile.css +++ b/web/source/css/profile.css @@ -44,7 +44,7 @@ main { .headerimage { width: 100%; aspect-ratio: 3 / 1; - max-height: 30ch; + max-height: 16rem; overflow: hidden; box-shadow: $boxshadow;