feat: ajouter styles icon-btn/note-pin-corner/note-hover-actions/note-input-expanded-actions avec tokens sémantiques (--special-view-strong/muted/divider/panel-bg/panel-alt), implémenter pin corner absolu top-right avec opacity 0→1 hover/active + color primary active, barre actions hover bottom avec boutons 30px transparent→12% mix hover, refactoring toolbar expanded avec border-top divider + background 88% panel-bg mix, styler todo-draft-add-btn full-width avec gap 8px icon/text, override

This commit is contained in:
2026-04-21 09:55:17 -04:00
parent 7621eeef7a
commit eb082ad784
2 changed files with 253 additions and 4 deletions
+4 -4
View File
@@ -2112,7 +2112,7 @@ function initTodoView(linkList, container) {
inputContainer.classList.add("is-editing", "todo-draft-mode");
inputContainer.innerHTML = `
<div class="note-input-expanded todo-draft-expanded">
<input type="text" class="note-input-title todo-draft-title" placeholder="Titre de la liste" />
<input type="text" class="note-input-title todo-draft-title" placeholder="Titre de la liste" autocomplete="off" />
<div class="todo-draft-list" role="list"></div>
<button type="button" class="todo-draft-add-btn"><i class="mdi mdi-plus"></i> Élément de liste</button>
<div class="note-input-expanded-actions">
@@ -2427,7 +2427,7 @@ function initTodoView(linkList, container) {
if (deleteUrl && deleteUrl !== "#") {
deleteEntitySilently(deleteUrl)
.then(() => {
window.location.href = "/?searchtags=shaarli-todo";
window.location.href = "/?searchtags=todo";
})
.catch((err) => {
console.error("Delete failed:", err);
@@ -2939,7 +2939,7 @@ function renderTodos(container, todos, viewMode) {
if (!confirm("Supprimer cette tâche ?")) return;
deleteEntitySilently(todo.deleteUrl)
.then(() => {
window.location.href = "/?searchtags=shaarli-todo";
window.location.href = "/?searchtags=todo";
})
.catch((err) => {
console.error("Delete failed:", err);
@@ -3457,7 +3457,7 @@ function initNoteView(linkList, container) {
inputContainer.classList.add("is-editing", "todo-draft-mode");
inputContainer.innerHTML = `
<div class="note-input-expanded todo-draft-expanded">
<input type="text" class="note-input-title todo-draft-title" placeholder="Titre de la liste" />
<input type="text" class="note-input-title todo-draft-title" placeholder="Titre de la liste" autocomplete="off" />
<div class="todo-draft-list" role="list"></div>
<button type="button" class="todo-draft-add-btn"><i class="mdi mdi-plus"></i> Élément de liste</button>
<div class="note-input-expanded-actions">