From d7b7d4e3b93e68be545677097a49d3a472d2ffd2 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Tue, 21 May 2024 12:33:09 -0700
Subject: [PATCH] MM-58328 - Fixing playbooks and boards layout (#27075)

* MM-58328 - Fixing playbooks and boards layout

* fixing defualt layout

* removing extra only child
---
 webapp/channels/src/sass/base/_structure.scss | 33 ++++++++-----------
 1 file changed, 13 insertions(+), 20 deletions(-)

diff --git a/webapp/channels/src/sass/base/_structure.scss b/webapp/channels/src/sass/base/_structure.scss
index 350227bd36..876a2afc4a 100644
--- a/webapp/channels/src/sass/base/_structure.scss
+++ b/webapp/channels/src/sass/base/_structure.scss
@@ -99,16 +99,8 @@ body.admin-onboarding #root {
     }
 }
 
-.app__body.channel-view {
-    #root {
-        --columns: min-content minmax(385px, 1fr) min-content;
-        grid-template:
-            'announcement announcement announcement' min-content
-            'header header header' min-content
-            'team-sidebar main app-sidebar'
-            'footer footer footer' min-content
-            / var(--columns);
-        ;
+.app__body {
+    #root.channel-view {
         &:has(.backstage-body){
             background-color: $bg--gray;
         }
@@ -119,13 +111,19 @@ body.admin-onboarding #root {
 body.app__body #root {
     display: grid;
     overflow: hidden;
+    min-height: 100%;
 
+    --columns: min-content minmax(385px, 1fr) min-content;
     grid-template:
-        "announcement" min-content
-        "header" min-content
-        "main"
-        "footer" min-content
-    ;
+        "announcement announcement announcement" min-content
+        "header header header" min-content
+        "team-sidebar main app-sidebar"
+        "footer footer footer" min-content / var(--columns);
+
+    > :only-child {
+        grid-area: main;
+        width: 100%;
+    }
 
     &.console__root {
         background-color: inherit;
@@ -145,11 +143,6 @@ body.app__body #root {
         display: block;
     }
 
-    > :only-child {
-        width: 100%;
-    }
-
-
     .announcement-bar {
         grid-area: announcement;
     }