diff --git a/src/app.js b/src/app.js index ec2928a..7e6ddd1 100644 --- a/src/app.js +++ b/src/app.js @@ -1258,8 +1258,6 @@ // Sync every "(last N days)" header and the picker's active button. function renderChartWindow() { const n = chartDays(); - const title = document.getElementById("daily-charts-title"); - if (title) title.textContent = `Last ${n} days`; document.querySelectorAll("[data-chart-days-label]").forEach(el => { el.textContent = `(last ${n} days)`; }); diff --git a/src/changelog.json b/src/changelog.json index c06696c..1f73a1e 100644 --- a/src/changelog.json +++ b/src/changelog.json @@ -1,4 +1,5 @@ [ + { "date": "2026-08-31", "text": "The charts are grouped by subject instead of all sharing one “Last 7 days” panel. Sleep hours per day is now its own Sleep panel, sitting just above the “When … sleeps” timeline with the rest of the sleep views. Daily counts and Food have joined the by-hour chart in one “Pees, poos & meals” panel, so how many a day, how much food went with them and what hours they fall in read together. Minutes walked per day has moved into the Walks panel. The 7d / 14d / 30d picker now sits in the Sleep panel and still sets the window for every one of these charts" }, { "date": "2026-08-31", "text": "A sleep or walk pair is now tied together in the History log by a dotted rail down the side, in that pair's colour, running from the start row to the end row. Anything logged in between sits inside the bracket, so a pee taken on a walk reads as having happened during it. A pair still in progress, or one that ran over from yesterday, leaves its end of the rail open" }, { "date": "2026-08-31", "text": "Added walks: tap 🦮 Walk start when you head out and 🏁 Walk end when you get home, and the time in between is counted as exercise. The pair gets its own row under the sleep buttons. Today's total and the number of walks show in the overview, every walk of the day is listed in a new Walks section (with the age-based rule of thumb of about five minutes per month of age, twice a day), and the daily charts gain a “Walks (minutes)” bar chart once you have logged one. Like sleep, only the boundary that makes sense is tappable — no walk running means Walk end is greyed out" }, { "date": "2026-08-31", "text": "The Log event buttons are grouped into rows now instead of flowing into one grid: 😴 Sleep start and ⏰ Sleep end side by side on their own row, then 💧 Pee and 💩 Poo, and last the three that ask for a value — 🍽️ Ate / ⚖️ Weight / 📝 Note — three across. The two halves of a sleep pair can no longer end up split across a wrap, and no button is left stranded alone on the last row. The weigh-in button is now just ⚖️ Weight, which fits the narrower slot; weigh-ins read as “Weight” in the history log to match" }, diff --git a/src/index.html b/src/index.html index 9a20298..ae2137d 100644 --- a/src/index.html +++ b/src/index.html @@ -237,36 +237,27 @@ + -
-

Last 7 days

+ +
+

Sleep (last 7 days)

-
Sleep (hours)
+
Hours per day
-
-
Daily counts
- -
- - - -
-
- -
@@ -288,11 +279,29 @@

Hours slept so far at each point of the day, against yesterday and the average over the picked chart window. The dashed tail continues today's line the way the average day usually plays out. The axis is stretched above 10h to give the hours around the goal more room.

-
-

By hour of day (last 7 days)

- -

-

Darker = happens more often at that hour.

+ +
+

Pees, poos & meals (last 7 days)

+
+
Daily counts
+ +
+ + + +
+
+ +
+
By hour of day
+ +

+

Darker = happens more often at that hour.

+
diff --git a/src/style.css b/src/style.css index b304afd..4cb514f 100644 --- a/src/style.css +++ b/src/style.css @@ -1164,7 +1164,10 @@ button.ex-log { button.ex-edit { padding: 6px 12px; flex-shrink: 0; } .training-add { width: 100%; } +/* Charts that sit under a panel's list rather than being the whole panel, so + they need the separation a list-then-chart stack doesn't get for free. */ .training-chart { margin-top: 16px; } +.walk-chart { margin-top: 16px; } /* ---------- collapsible panels ---------- */ section.collapsible > h2 {