feat(notes): drop the disclosure arrow from the note-list headers too

Same as the sidebar: the box folds on a click, the star and people icon
are the marks that mean something, and a date group keeps an empty spacer
so every label still starts at the same place.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
kristianwind
2026-09-03 14:25:55 +02:00
co-authored by Claude Opus 4.8
parent e1683ef09d
commit 4ac7180cda
7 changed files with 8 additions and 6 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 270 KiB

After

Width:  |  Height:  |  Size: 270 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 357 KiB

After

Width:  |  Height:  |  Size: 357 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 344 KiB

After

Width:  |  Height:  |  Size: 343 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

+8 -6
View File
@@ -810,7 +810,11 @@
</svg>
</span>
{:else}
<span class="mark" class:closed={folded.has(group.key)} aria-hidden="true">▾</span>
<!-- No arrow, to match the sidebar: the box folds on a click,
the star and the people icon are the marks that mean
something, and a date group has none — an empty spacer, so
every label still starts at the same place. -->
<span class="mark" aria-hidden="true"></span>
{/if}
{group.label}
<span class="count">{group.notes.length}</span>
@@ -1400,17 +1404,15 @@
background: var(--surface-sunken);
}
/* The mark, or an empty box the same width where a date group has none, so every
label starts at the same place. The star and the people icon fill it; the
arrow that used to is gone — the box folds on a click. */
h3.group .mark {
flex: none;
width: 0.75em;
font-size: 0.85em;
line-height: 1;
color: var(--ink-faint);
transition: transform var(--fast) var(--ease);
}
h3.group .mark.closed {
transform: rotate(-90deg);
}
/* Sit eget navn og ikke `.star`. Rækkens favoritknap hedder også det og er