Skip to content

Longer Trends ranges with weekly bars and a 7-day average #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Oliver-Johnson wants to merge 7 commits into
base: master
Choose a base branch
from
Draft

Longer Trends ranges with weekly bars and a 7-day average #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
e5685a5
fix: stop seeding personal foods into every user's custom foods (v202…
claude Oct 6, 2026
776c94f
fix: readable chart dates, History button, tour tips and small fixes …
claude Oct 6, 2026
f892cee
feat: desktop layout with sidebar nav and two-column Today
claude Oct 6, 2026
f8b0c0b
feat: longer Trends ranges, weekly bars and a 7-day average
claude Oct 6, 2026
4fd6001
fix: Trends date ranges across DST, 7-day avg scale, 1Y render cost
claude Oct 7, 2026
33fd2a6
fix: fall back to addListener for the chart breakpoint hook on Safari…
claude Oct 7, 2026
fbbb35d
Merge the desktop layout fix into longer Trends
claude Oct 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 44 additions & 3 deletions docs/changelog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -224,14 +224,55 @@ <h1>Macrolog</h1>
<h1 class="page-title">Changelog</h1>
<p class="page-subtitle">A history of every update to Macrolog.</p>

<!-- ── v2026-09-02.2 (Scan modal fix) ── -->
<!-- ── v2026-10-06.2 (Chart labels, tour, History button, small fixes) ── -->
<div class="release">
<div class="release-dot latest"></div>
<div class="release-header">
<span class="release-version">v2026-09-02.2</span>
<span class="release-date">2 September 2026</span>
<span class="release-version">v2026-10-06.2</span>
<span class="release-date">6 October 2026</span>
<span class="release-badge">Latest</span>
</div>
<div class="release-body">
<div class="change-group">
<div class="change-group-label">Fixed</div>
<ul class="changes">
<li><strong>Chart dates</strong> — the dates under the Trends and Macro History charts were cut off and now show in full</li>
<li><strong>Trends axis labels</strong> — the kg and kcal labels no longer overlap the top axis values, and the first and last bars no longer cover the axis numbers</li>
<li><strong>First-run tour</strong> — steps whose target isn't on screen now show the tip in the middle instead of pointing at the top corner</li>
<li><strong>Ko-fi card</strong> — on tablets and larger screens it sits above the bottom navigation instead of behind it</li>
<li><strong>History calendar</strong> — the "Jump to Today" button was hidden behind the bottom navigation, so tapping it opened Settings instead</li>
<li><strong>Additional Nutrients</strong> — the section in Manual and Quick Add now collapses when you tap its heading; it stays open by default</li>
<li><strong>Food names</strong> — names in the macro breakdown popup are now shown as plain text, so a product name containing HTML can't change the page</li>
<li><strong>Docs What's New</strong> — the update cards now appear in Chrome; they stayed hidden because the reveal never triggered</li>
</ul>
</div>
</div>
</div>

<!-- ── v2026-10-06.1 (Custom foods seeding fix) ── -->
<div class="release">
<div class="release-dot"></div>
<div class="release-header">
<span class="release-version">v2026-10-06.1</span>
<span class="release-date">6 October 2026</span>
</div>
<div class="release-body">
<div class="change-group">
<div class="change-group-label">Fixed</div>
<ul class="changes">
<li><strong>Custom foods</strong> — new installs no longer start with a set of pre-filled custom foods, and foods you delete from your list no longer reappear the next time the app opens</li>
</ul>
</div>
</div>
</div>

<!-- ── v2026-09-02.2 (Scan modal fix) ── -->
<div class="release">
<div class="release-dot"></div>
<div class="release-header">
<span class="release-version">v2026-09-02.2</span>
<span class="release-date">7 September 2026</span>
</div>
<div class="release-body">
<div class="change-group">
<div class="change-group-label">Fixed</div>
Expand Down
48 changes: 37 additions & 11 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -457,6 +457,7 @@
clip-path: inset(0 100% 0 0 round 16px);
transition: none;
}
.wipe-card + .wipe-card { margin-top: var(--sc-4); }
.wipe-card.is-revealed {
animation: sc-wipe-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
Expand Down Expand Up @@ -1229,14 +1230,14 @@ <h1 id="hero-heading" class="t-display">

<div class="inner">
<div class="whats-new__meta">
<div class="version-badge">v2026-09-02.2 &middot; 2 Sep 2026</div>
<div class="version-badge">v2026-10-06.2 &middot; 6 Oct 2026</div>

<h2 id="whats-new-heading" class="t-display-sm">
The latest update.
</h2>

<p class="t-body">
Every release is driven by real use. This one is a small but welcome fix for barcode scanning.
Every release is driven by real use. This one keeps your custom foods list to foods you added, and makes the chart dates readable again.
</p>

<a class="whats-new__changelog-link" href="changelog.html">
Expand All @@ -1245,23 +1246,43 @@ <h2 id="whats-new-heading" class="t-display-sm">
</div>

<div>
<article class="wipe-card" aria-label="Fix: Scan result Log button">
<article class="wipe-card" aria-label="Fix: Custom foods list">
<div class="wipe-card__icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>
<path d="M12 6v6l4 2"/>
</svg>
</div>

<h3>Scan result Log button fix</h3>
<h3>Your custom foods stay your own</h3>

<p class="t-body">
After a barcode scan, the food result popup now clears the bottom navigation bar, so the Log button is always fully visible and tappable.
New installs no longer start with a set of pre-filled custom foods, and any food you delete from your list now stays deleted.
</p>

<div class="wipe-card__detail">
<p>
Added extra bottom padding to the result sheet so its action button no longer sits behind the nav bar.
If your list already has these foods, they stay where they are. Delete any you don't use and they won't come back.
</p>
</div>
</article>

<article class="wipe-card" aria-label="Fix: Chart labels and tour">
<div class="wipe-card__icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/>
</svg>
</div>

<h3>Readable chart dates</h3>

<p class="t-body">
The dates along the bottom of the Trends and Macro History charts were cut off. They now show in full, and the kg and kcal labels no longer overlap the axis numbers.
</p>

<div class="wipe-card__detail">
<p>
Also: the History calendar's "Jump to Today" button is no longer hidden behind the bottom navigation, the Additional Nutrients section now collapses when tapped, the first-run tour no longer points at hidden parts of the screen, and on tablets the Ko-fi card no longer sits behind the navigation.
</p>
</div>
</article>
Expand Down Expand Up @@ -1645,21 +1666,26 @@ <h2 id="developer-heading" class="t-display-sm">
</footer>

<script>
// ── Intersection Observer: wipe-reveal for What's New card ──
// ── Intersection Observer: wipe-reveal for What's New cards ──
(function () {
var card = document.querySelector('.wipe-card');
if (!card) return;
var cards = document.querySelectorAll('.wipe-card');
if (!cards.length) return;

// Watch the cards' column rather than the cards: Chromium treats an element
// clipped to nothing (the cards' starting clip-path) as never intersecting.
var column = cards[0].parentElement;
var obs = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-revealed');
cards.forEach(function (card, i) {
setTimeout(function () { card.classList.add('is-revealed'); }, i * 120);
});
obs.unobserve(entry.target);
}
});
}, { threshold: 0.15 });

obs.observe(card);
obs.observe(column);
})();

// ── Feature cards: stagger fade-up ──
Expand Down
Loading
Loading