davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add type filter pills to note list

Browse Source 
Pill bar below search: All | Projects | Notes | Events | People |
Experiments | Procedures | Responsibilities. Clicking a pill filters
the displayed entries by isA type. "All" resets the filter.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
lucaronin
2026-02-14 19:48:59 +01:00
parent b343330cb7
commit 05550e8a11
4 changed files with 103 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/NoteList.css
View File

@@ -55,6 +55,37 @@
border-color: #4a4a7a;
}
/* Type filter pills */
.note-list__pills {
display: flex;
gap: 4px;
padding: 8px 12px;
border-bottom: 1px solid #2a2a4a;
flex-wrap: wrap;
}
.note-list__pill {
padding: 3px 10px;
font-size: 11px;
border: 1px solid #2a2a4a;
border-radius: 12px;
background: transparent;
color: #888;
cursor: pointer;
white-space: nowrap;
}
.note-list__pill:hover {
background: #2a2a4a;
color: #e0e0e0;
}
.note-list__pill--active {
background: #3a3a5a;
color: #ffffff;
border-color: #4a4a7a;
}
.note-list__items {
flex: 1;
}