v0.6.1: pin Keep/Deleted folders to sidebar bottom; highlight All sources

- Move the Keep/Deleted system folders out of the scrolling source list into a
  pinned section at the bottom of the sidebar (only sources scroll now), so the
  folders stay reachable with many sources. Renamed .source-folders ->
  .system-folders; .source-list flexes to fill.
- "All sources" is visually distinct (bold + subtle blue tint) as the primary
  entry.

Template/CSS only. Feed/trash rendering tests pass; feed renders in all views.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
peter 2026-09-07 21:07:39 +01:00
parent 548ba3a669
commit ab3e92268a
4 changed files with 52 additions and 24 deletions

View file

@ -360,6 +360,7 @@ h1 {
/* Source sidebar: scrollbar hidden until hover (short list, rarely scrolls). */
.source-list {
flex: 1 1 auto; /* fill available height so system folders pin to the bottom */
scrollbar-color: transparent transparent;
scrollbar-width: none;
}
@ -1131,11 +1132,28 @@ kbd {
color: var(--danger-text-plain);
}
/* System folders (Keep / Deleted) at the bottom of the sidebar */
.source-folders {
/* System folders (Keep / Deleted): pinned at the bottom of the sidebar,
below the scrolling source list. */
.system-folders {
border-top: 1px solid var(--grid-line);
margin-top: 0.4rem;
padding-top: 0.4rem;
display: flex;
flex-direction: column;
flex-shrink: 0;
padding: 0.4rem 0.6rem 0.2rem;
}
/* "All sources" — the primary entry, visually distinct from individual sources:
bold, with a subtle blue tint (works over both light and dark surfaces). */
.all-sources-link {
font-weight: 600;
}
.all-sources-link:not(.selected) {
background: rgba(74, 110, 168, 0.14);
}
.all-sources-link:not(.selected):hover {
background: rgba(74, 110, 168, 0.22);
}
.empty-trash-button {