From 308a39320206349397917127150f5ab6d4b3b2d1 Mon Sep 17 00:00:00 2001 From: Carlos Alcaide Corvo Date: Fri, 5 May 2023 15:05:02 -0700 Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20Refactor=20layout-si?= =?UTF-8?q?debar=20(#238)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * refactor: 💡 Refactor layout-sidebar Refactor layout-sidebar to assign a fix width to the sidebar part of the layout ✅ Closes: ICU-9164 --- ui/admin/app/styles/app.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss index 7bae02b8f..73d80d45c 100644 --- a/ui/admin/app/styles/app.scss +++ b/ui/admin/app/styles/app.scss @@ -872,7 +872,7 @@ .layout-sidebar { display: grid; grid-template-areas: 'body body sidebar'; - grid-template-columns: repeat(3, 1fr); + grid-template-columns: auto auto 300px; grid-template-rows: auto 1fr; gap: 2rem; @@ -891,10 +891,14 @@ @media (max-width: media.width(large)) { .layout-sidebar { - grid-template-columns: 1fr; grid-template-areas: 'body' 'sidebar'; + grid-template-columns: auto; + + .layout-sidebar-sidebar { + max-width: 300px; + } } }