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 <[email protected]>
|
Before Width: | Height: | Size: 270 KiB After Width: | Height: | Size: 270 KiB |
|
Before Width: | Height: | Size: 357 KiB After Width: | Height: | Size: 357 KiB |
|
Before Width: | Height: | Size: 344 KiB After Width: | Height: | Size: 343 KiB |
|
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 64 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
@@ -810,7 +810,11 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</span>
|
</span>
|
||||||
{:else}
|
{: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}
|
{/if}
|
||||||
{group.label}
|
{group.label}
|
||||||
<span class="count">{group.notes.length}</span>
|
<span class="count">{group.notes.length}</span>
|
||||||
@@ -1400,17 +1404,15 @@
|
|||||||
background: var(--surface-sunken);
|
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 {
|
h3.group .mark {
|
||||||
flex: none;
|
flex: none;
|
||||||
width: 0.75em;
|
width: 0.75em;
|
||||||
font-size: 0.85em;
|
font-size: 0.85em;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
color: var(--ink-faint);
|
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
|
/* Sit eget navn og ikke `.star`. Rækkens favoritknap hedder også det og er
|
||||||
|
|||||||