Ghost-style the add-card/status icon buttons; convert the last one

- .btn-icon: transparent background, muted icon that turns accent on
  hover -- matching .title-back's treatment exactly, instead of a
  solid accent-filled square.
- The "all tasks" tab's "Add card" button is now the same .btn-icon
  as the kanban/inbox/status ones, so every "add" action in the app
  looks and behaves the same.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-05 00:20:32 +01:00
co-authored by Claude Sonnet 5
parent 7ce0f156f0
commit f5cc82a2f4
2 changed files with 21 additions and 11 deletions
+7 -3
View File
@@ -211,9 +211,13 @@ async function onCreateInColumn(column: Column) {
<span>New card</span>
<input v-model="newText" class="field" type="text" maxlength="1000" required />
</label>
<button type="submit" :disabled="submitting">
{{ submitting ? 'Adding…' : 'Add card' }}
</button>
<button
type="submit"
class="btn-icon"
:disabled="submitting"
:title="submitting ? 'Adding…' : 'Add card'"
:aria-label="submitting ? 'Adding' : 'Add card'"
>+</button>
</form>
</div>