IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

MM-58328 - Fixing playbooks and boards layout (#27075)

Browse Source 
* MM-58328 - Fixing playbooks and boards layout

* fixing defualt layout

* removing extra only child
This commit is contained in:
Asaad Mahmood
2024-05-21 12:33:09 -07:00
committed by GitHub
parent 3792f1d7ed
commit d7b7d4e3b9
1 changed files with 13 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
webapp/channels/src/sass/base/_structure.scss
View File

@@ -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;
}