matty/peertube-plugin-livechat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Task lists WIP:

Browse Source 
* front-end
This commit is contained in:
John Livingston 2024-05-07 09:16:16 +02:00
parent f1e3de782e
commit dfdb482172
No known key found for this signature in database
GPG Key ID: B17B5640CE66CDBC
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
conversejs/custom/plugins/tasks/styles/muc-task-lists.scss
View File

@ -9,6 +9,7 @@
.task-list-line { .task-list-line {
border: 1px solid var(--chatroom-head-bg-color); border: 1px solid var(--chatroom-head-bg-color);
border-radius: 4px;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-around; justify-content: space-around;

1
conversejs/custom/plugins/tasks/styles/muc-tasks.scss
View File

@ -5,6 +5,7 @@
.task-line { .task-line {
border: 1px solid var(--chatroom-head-bg-color); border: 1px solid var(--chatroom-head-bg-color);
border-radius: 4px;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-around; justify-content: space-around;

6
conversejs/custom/plugins/tasks/templates/muc-task-list.js
View File

@ -18,21 +18,21 @@ export default function tplMucTaskList (el, tasklist) {
<button @click=${el.toggleTasks} class="task-list-toggle-tasks"> <button @click=${el.toggleTasks} class="task-list-toggle-tasks">
<converse-icon <converse-icon
color="var(--muc-toolbar-btn-color)" color="var(--muc-toolbar-btn-color)"
class="fa fa-angle-double-up" class="fa fa-angle-right"
size="1em"></converse-icon> size="1em"></converse-icon>
</button>` </button>`
: html` : html`
<button @click=${el.toggleTasks} class="task-list-toggle-tasks"> <button @click=${el.toggleTasks} class="task-list-toggle-tasks">
<converse-icon <converse-icon
color="var(--muc-toolbar-btn-color)" color="var(--muc-toolbar-btn-color)"
class="fa fa-angle-double-down" class="fa fa-angle-down"
size="1em"></converse-icon> size="1em"></converse-icon>
</button>` </button>`
} }
${!el.edit ${!el.edit
? html` ? html`
<div class="task-list-name"> <div class="task-list-name">
${tasklist.get('name')} <a @click=${el.toggleTasks}>${tasklist.get('name')}</a>
</div> </div>
<button class="task-list-action" title="${i18nCreateTask}" @click=${el.openAddTaskForm}> <button class="task-list-action" title="${i18nCreateTask}" @click=${el.openAddTaskForm}>
<converse-icon class="fa fa-plus" size="1em"></converse-icon> <converse-icon class="fa fa-plus" size="1em"></converse-icon>