peertube-plugin-livechat/conversejs/custom/plugins/tasks/styles/muc-task-app.scss
John Livingston 5c9733147b
Task lists WIP:
* responsive for the task app
2024-05-13 10:53:42 +02:00

43 lines
1.0 KiB
SCSS

.conversejs {
livechat-converse-muc-task-app {
border: var(--occupants-border-left);
display: flex;
flex-flow: column nowrap;
flex: 0 1 100%;
padding: var(--occupants-padding);
.livechat-converse-muc-app-header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
font-family: var(--heading-font);
padding-left: 0;
margin-right: 1em;
width: 100%;
h5 {
display: inline;
color: var(--groupchats-header-color-dark);
}
.livechat-converse-muc-app-close {
border: 0;
}
}
.livechat-converse-muc-app-body {
padding-right: 2em; // let some place for the scrollbar.
overflow-y: auto;
}
}
&[livechat-converse-root-width="small"],
&[livechat-converse-root-width="medium"] {
converse-muc-chatarea livechat-converse-muc-task-app:not(.hidden) ~ * {
// on small and medium width, we hide all subsequent siblings of the task app
// (when app is not hidden)
display: none !important;
}
}
}