alex/puppy-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Let the chart window be picked: 7, 14 or 30 days (default 7)

Browse Source 
A 7d/14d/30d picker in the charts card sets how many days every
rolling chart covers — daily bars, sleep timeline, hour heatmap and
training consistency grid. The choice is stored per device like the
theme; headers show the current window, day labels thin out and bar
gaps tighten as the window widens, and the sleep timeline grows rows
to fit.
This commit is contained in:
Alexander Heldt
2026-07-13 21:20:31 +00:00
parent 6b12820592
commit b6301156f9
4 changed files with 84 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/style.css
+15
View File
@@ -515,6 +515,21 @@ dialog menu {
.time-row input { flex: 1 1 120px; min-width: 0; }
.time-row button { padding: 8px 12px; }
.chart-days-picker {
display: flex;
gap: 6px;
margin: -4px 0 14px;
}
.chart-days-picker button {
padding: 5px 12px;
font-size: 0.8rem;
}
.chart-days-picker button.active {
background: var(--accent);
border-color: transparent;
color: #fff;
}
.chart { margin-bottom: 16px; }
.chart:last-child { margin-bottom: 0; }
.chart-title {