Update FAB icons and replace unicode checkmark with SVG
Amolith
created 1 month ago
Change the task creation icon from edit/pencil to checkmark, add a plus
indicator to the project folder icon, and replace the unicode checkmark
in the done button with a proper SVG icon for consistency.
Change summary
templates/base.html | 4 ++--
templates/macros.html | 2 +-
2 files changed, 3 insertions(+), 3 deletions(-)
Detailed changes
@@ -40,11 +40,11 @@
<div class="fab-group" id="fab-group">
<div class="fab-actions" id="fab-actions" hidden>
<button commandfor="dlg-new-task" command="show-modal" class="fab-action" aria-label="New task">
- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/></svg>
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344"/><path d="m9 11 3 3L22 4"/></svg>
<span>Task</span>
</button>
<button commandfor="dlg-new-project" command="show-modal" class="fab-action" aria-label="New project">
- <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2z"/></svg>
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 10v6"/><path d="M9 13h6"/><path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"/></svg>
<span>Project</span>
</button>
</div>
@@ -55,7 +55,7 @@
<td>
{% if t.status != "closed" %}
<form method="post" action="/projects/{{ project_name }}/tasks/{{ t.full_id }}/done">
- <button type="submit" class="outline small" aria-label="Mark {{ t.short_id }} done">✓</button>
+ <button type="submit" class="outline small" aria-label="Mark {{ t.short_id }} done"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></button>
</form>
{% endif %}
</td>