fix(todo,ui): Today's day centred in its calendar, and the way back to today shows it

Today's tab drew its day centred at 16 of the calendar's 24 units, where
Lucide's SVG has its body's middle; its font draws the calendar a unit
higher (the top bar's stroke from 8 to 10, the foot's from 20 to 22,
measured with the real fonts), so the digits sat a unit and a half low.
halkyon_ui's new DayCalendarIcon centres them at 15, in Noto Sans set
explicitly, and its tests draw it with the real fonts at 16 to 32 pixels:
the digits centred in the body within half a unit, and 10, 20, 28 and 31
clear of the sides. Todo's TodayIcon keeps the midnight redraw around it.

The agenda's, the 3-day grid's and the month's way back to today showed
Lucide's calendar-1; it shows today's day in the same calendar now, as
Todoist's.

Whats-New: Today's date sits centred in its calendar icon, and the button back to today shows it too.
Whats-New-De: Das heutige Datum steht mittig in seinem Kalendersymbol, und der Knopf zurück zu heute zeigt es auch.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Signed-off-by: Tizian 「ティツィアーン」 <raisondetredev@pm.me>
This commit is contained in:
Tizian 「ティツィアーン」 2026-11-07 22:57:44 +01:00
commit 28e07dbf9d
Signed by: raisondetredev
GPG key ID: 07F6FCF405488B64
4 changed files with 249 additions and 74 deletions

View file

@ -87,7 +87,7 @@ class _MonthGridState() extends State<MonthGrid> {
if (month != thisMonth)
IconButton(
tooltip: l10n.weekToday,
icon: const Icon(LucideIcons.calendar1),
icon: DayCalendarIcon(day: today.day),
color: theme.colorScheme.primary,
onPressed: () => go(today),
),

View file

@ -185,7 +185,7 @@ class _HourGridState() extends State<HourGrid> {
if (start != today)
IconButton(
tooltip: l10n.weekToday,
icon: const Icon(LucideIcons.calendar1),
icon: DayCalendarIcon(day: today.day),
color: theme.colorScheme.primary,
onPressed: () => _go(today),
),

View file

@ -1,19 +1,13 @@
import 'dart:async';
import 'package:clock/clock.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:halkyon_ui/halkyon_ui.dart';
import 'package:material_ui/material_ui.dart';
/// Today's tab icon (the developer's review, 3 Nov 2026, as Todoist's): a
/// blank calendar with today's day of the month in it, as Lucide's
/// `calendar-1` holds a 1, drawn anew at midnight.
/// Today's icon (the developer's review, 3 Nov 2026, as Todoist's):
/// halkyon_ui's [DayCalendarIcon] with today's day of the month in it, drawn
/// anew at midnight; Today's tab and the way back to today show it.
class const TodayIcon({super.key}) extends StatefulWidget {
/// The day's size, in the calendar's 24 units.
static const _fontSize = 9.6;
/// Noto Sans' digits' height, of the font's size.
static const _digitHeight = 0.714;
@override
State<TodayIcon> createState() => _TodayIconState();
}
@ -46,42 +40,5 @@ class _TodayIconState() extends State<TodayIcon> {
}
@override
Widget build(BuildContext context) {
final icon = IconTheme.of(context);
final size = icon.size ?? 24;
return SizedBox.square(
dimension: size,
child: Stack(
alignment: Alignment.center,
children: [
const Icon(LucideIcons.calendar),
// Lucide's calendar: inside its strokes from 11 to 21 of 24 units.
// Placed by its baseline, a line box's place in it being the font's
// to choose (the day stood on the frame, 5 Nov 2026).
Positioned.fill(
child: Align(
alignment: Alignment.topCenter,
child: Baseline(
baseline:
size *
(16 + TodayIcon._digitHeight * TodayIcon._fontSize / 2) /
24,
baselineType: TextBaseline.alphabetic,
child: Text(
'${clock.now().day}',
textScaler: TextScaler.noScaling,
style: TextStyle(
color: icon.color,
fontSize: size * TodayIcon._fontSize / 24,
height: 1,
fontWeight: FontWeight.w700,
),
),
),
),
),
],
),
);
}
Widget build(BuildContext context) => DayCalendarIcon(day: clock.now().day);
}

View file

@ -2,6 +2,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:halkyon_todo_flutter/l10n/app_localizations.dart';
import 'package:halkyon_todo_flutter/src/feature/task/bloc/todo_cubit.dart';
import 'package:halkyon_todo_flutter/src/feature/task/model/task.dart';
import 'package:halkyon_ui/halkyon_ui.dart';
import 'package:intl/intl.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import 'package:material_ui/material_ui.dart';
@ -146,7 +147,7 @@ class _WeekStripState() extends State<WeekStrip> {
if (selected != today)
IconButton(
tooltip: l10n.weekToday,
icon: const Icon(LucideIcons.calendar1),
icon: DayCalendarIcon(day: today.day),
color: scheme.primary,
onPressed: () => widget.onSelect(today),
),