mirrors/mostlymatter
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

MM-59944 - FIxing playbooks scroll issue (#27861)

Просмотр исходного кода
Этот коммит содержится в:
Asaad Mahmood
2024-08-08 15:38:56 +05:00
коммит произвёл GitHub
родитель eec9a4742a
Коммит 6316606289
1 изменённых файлов: 30 добавлений и 33 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

35
webapp/channels/src/sass/base/_structure.scss
Просмотреть файл

@@ -115,10 +115,7 @@ body.app__body #root {
--columns: min-content minmax(385px, 1fr) min-content; --columns: min-content minmax(385px, 1fr) min-content;
grid-template: grid-template:
"announcement announcement announcement" min-content "announcement announcement announcement"min-content "admin-announcement admin-announcement admin-announcement"min-content "header header header"min-content "team-sidebar main app-sidebar"
"admin-announcement admin-announcement admin-announcement" min-content
"header header header" min-content
"team-sidebar main app-sidebar"
"footer footer footer"min-content / var(--columns); "footer footer footer"min-content / var(--columns);
> :only-child { > :only-child {
@@ -131,13 +128,10 @@ body.app__body #root {
padding-bottom: 0; padding-bottom: 0;
padding-right: 0; padding-right: 0;
grid-template: grid-template:
'announcement announcement' min-content 'announcement announcement'min-content 'admin-announcement admin-announcement'min-content 'header header'min-content 'lhs center'
'admin-announcement admin-announcement' min-content 'footer footer'min-content;
'header header' min-content grid-template-columns: auto 1fr;
'lhs center' /* lhs takes its content width, center takes remaining space */
'footer footer' min-content
;
grid-template-columns: auto 1fr; /* lhs takes its content width, center takes remaining space */
} }
&.container-fluid { &.container-fluid {
@@ -181,8 +175,7 @@ body.app__body #root {
margin: 0; margin: 0;
border-radius: 0; border-radius: 0;
grid-template: grid-template:
'header' min-content 'header'min-content 'main'
'main'
; ;
} }
@@ -214,6 +207,10 @@ body.app__body #root {
overflow: visible; overflow: visible;
} }
.product-wrapper {
overflow: auto;
}
.sidebar--right--width-holder { .sidebar--right--width-holder {
grid-area: rhs; grid-area: rhs;
} }
@@ -237,16 +234,13 @@ body.app__body #root {
padding-right: 0; padding-right: 0;
z-index: 17; z-index: 17;
grid-template: grid-template:
'announcement' min-content 'announcement'min-content 'header'min-content 'main'auto 'footer'min-content / auto;
'header' min-content
'main' auto
'footer' min-content
/ auto
;
.team-sidebar, .team-sidebar,
.app-bar { .app-bar {
grid-area: main; grid-area: main;
} }
#SidebarContainer.move--right { #SidebarContainer.move--right {
position: relative; position: relative;
} }
@@ -281,14 +275,17 @@ body.app__body #root {
.sidebar--right--width-holder { .sidebar--right--width-holder {
display: none; display: none;
} }
#sidebar-right { #sidebar-right {
position: absolute; position: absolute;
width: 100%; width: 100%;
grid-area: center; grid-area: center;
transition: width .25s ease-in-out; transition: width .25s ease-in-out;
} }
--columns: min-content auto min-content; --columns: min-content auto min-content;
} }
#sidebar-right { #sidebar-right {
transition: none; transition: none;
} }