daveadmin/dobetternorge-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add timeline sort toggle (doc order / chronological) with CSS

Browse Source 
- Wire sortDocOrder / sortChronological click handlers in renderResults()
- Add .timeline-sort-bar and .sort-btn styles to tools.css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
davegilligan
2026-05-15 01:50:13 +02:00
parent d429e785e8
commit e156ed4553
2 changed files with 92 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/tools.css
+25
View File
@@ -1122,6 +1122,31 @@ p {
margin: 0.35rem 0 0;
}
.timeline-sort-bar {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.75rem;
flex-wrap: wrap;
}
.sort-label {
font-size: 0.8rem;
color: var(--muted);
}
.sort-btn {
font-size: 0.78rem;
font-weight: 500;
padding: 0.22rem 0.7rem;
border-radius: 999px;
border: 1px solid var(--line);
background: var(--bg);
color: var(--muted);
cursor: pointer;
transition: background 0.12s, color 0.12s, border-color 0.12s;
}
.sort-btn:hover { background: var(--soft-teal); color: var(--teal-dark); border-color: var(--teal); }
.sort-btn.is-active { background: var(--teal); color: #fff; border-color: var(--teal); }
.timeline-export { margin-top: 1rem; }
.export-csv-btn {