2022-05-04 10:55:44 +03:00
|
|
|
.root {
|
2022-08-30 09:17:12 +03:00
|
|
|
background-color: var(--theme-color-components-chat-background);
|
2022-05-04 10:55:44 +03:00
|
|
|
display: none;
|
2022-05-18 03:56:39 +03:00
|
|
|
--header-h: 64px;
|
2022-05-04 10:55:44 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.root {
|
2022-05-17 09:41:39 +03:00
|
|
|
position: sticky;
|
|
|
|
top: var(--header-h);
|
2022-05-17 17:36:07 +03:00
|
|
|
display: block;
|
2022-07-03 13:36:30 +03:00
|
|
|
height: calc(100vh - var(--header-h));
|
2022-05-17 09:41:39 +03:00
|
|
|
max-height: calc(100vh - var(--header-h));
|
2022-05-04 10:55:44 +03:00
|
|
|
}
|
|
|
|
}
|
2022-08-30 09:17:12 +03:00
|
|
|
/*
|
2022-05-17 17:36:07 +03:00
|
|
|
First div is .ant-layout-sider-children
|
|
|
|
Only way to target it apparently
|
|
|
|
*/
|
|
|
|
.root > div {
|
|
|
|
display: flex;
|
|
|
|
flex-flow: column nowrap;
|
|
|
|
-moz-box-flex: 1 !important;
|
|
|
|
flex-grow: 1 !important;
|
|
|
|
height: 100% !important;
|
|
|
|
}
|