fix: tabular figures on timeline timestamps

2026-04-04 23:46:43 +02:00
parent a262c94f88
commit 9984f42176
2 changed files with 6 additions and 4 deletions
@@ -91,7 +91,7 @@ class _LiveTimelineBarState extends State<LiveTimelineBar> {
      children: [
        Text(
          _formatEpochTime(displayPos),
-          style: const TextStyle(color: Colors.white70, fontSize: 13),
+          style: const TextStyle(color: Colors.white70, fontSize: 13, fontFeatures: [FontFeature.tabularFigures()]),
        ),
        const SizedBox(width: 8),
        Expanded(child: _buildSlider(displayPos)),
@@ -110,7 +110,7 @@ class _LiveTimelineBarState extends State<LiveTimelineBar> {
            alignment: Alignment.centerLeft,
            child: Text(
              _formatEpochTime(displayPos),
-              style: const TextStyle(color: Colors.white70, fontSize: 12),
+              style: const TextStyle(color: Colors.white70, fontSize: 12, fontFeatures: [FontFeature.tabularFigures()]),
            ),
          ),
        ],
@@ -114,8 +114,10 @@ class VideoTimelineBar extends StatelessWidget {
    );
  }

+  static const _timestampStyle = TextStyle(color: Colors.white, fontSize: 14, fontFeatures: [FontFeature.tabularFigures()]);
+
  Widget _buildTimestamp(Duration time) {
-    return Text(formatDurationTimestamp(time), style: const TextStyle(color: Colors.white, fontSize: 14));
+    return Text(formatDurationTimestamp(time), style: _timestampStyle);
  }

  Widget _buildRemainingTimestamp(Duration remaining) {
@@ -128,7 +130,7 @@ class VideoTimelineBar extends StatelessWidget {
      builder: (context, rateSnap) {
        final rate = rateSnap.data ?? 1.0;
        final text = '${formatDurationTimestamp(remaining)} · ${formatFinishTime(remaining.abs(), rate: rate, is24Hour: MediaQuery.alwaysUse24HourFormatOf(context))}';
-        return Text(text, style: const TextStyle(color: Colors.white, fontSize: 14));
+        return Text(text, style: _timestampStyle);
      },
    );
  }