Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-29 11:02:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(tasks): improve individual items design

Browse Source
This commit is contained in:
Elian Doran 2025-02-19 18:40:26 +02:00
parent ad492619f5
commit d4ef15212f
No known key found for this signature in database
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/public/app/widgets/type_widgets/task_list.ts
View File

@ -11,8 +11,8 @@ const TPL = `
<input type="text" placeholder="Add a new task" class="add-new-task" />
</header>
<div class="task-container">
</div>
<ol class="task-container">
</ol>
<style>
.note-detail-task-list {
@ -34,12 +34,26 @@ const TPL = `
width: 100%;
padding: 0.25em 0.5em;
}
.note-detail-task-list .task-container {
list-style-type: none;
margin: 0;
padding: 0;
border-radius: var(--bs-border-radius);
overflow: hidden;
}
.note-detail-task-list .task-container li {
background: var(--input-background-color);
border-bottom: 1px solid var(--main-background-color);
padding: 0.5em 1em;
}
</style>
</div>
`;
function buildTask(task: FTask) {
return `<div class="task">${task.title}</div>`;
return `<li class="task">${task.title}</li>`;
}
export default class TaskListWidget extends TypeWidget {