From bbed2970959e00f02bc24dd3eedce0af766a27d9 Mon Sep 17 00:00:00 2001 From: Ferdinand Thiessen Date: Thu, 11 Dec 2025 14:28:15 +0100 Subject: [PATCH] fix(css): correct boundaries of breaking points We mixed the logic of breaking points (when to break), this makes it consistent: Mobile breaking point is 1024px, so it is applied to width < 1024 and starting with 1024 its "normal". So we consistently have: width < 512px: small mobile 512 <= width < 1024px: mobile width >= 1024px: normal Signed-off-by: Ferdinand Thiessen --- core/css/apps.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/core/css/apps.scss b/core/css/apps.scss index f82e5e9ab2f..6b3d9fde4c2 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -7,7 +7,7 @@ @use 'sass:math'; @use 'functions'; -@media screen and (max-width: variables.$breakpoint-mobile) { +@media screen and (width < #{variables.$breakpoint-mobile}) { // Make the body full width on mobile :root { --body-container-margin: 0px !important; @@ -715,7 +715,7 @@ body[dir='rtl'] { } } -@media only screen and (max-width: variables.$breakpoint-mobile) { +@media only screen and (width < #{variables.$breakpoint-mobile}) { #content { border-start-start-radius: var(--border-radius-large); border-start-end-radius: var(--border-radius-large);