fix(tasks): shorten reminder snooze button label to fit small screens (#8743)

The reminder dialog footer could not fit all actions in one row on small
screens. Show only the snooze duration (e.g. "10m") on the split-button's
main action instead of "Snooze 10m" — the snooze icon already conveys the
action — freeing horizontal space so the row fits.

Add a `mainLabel` input to the shared split-button so the abbreviated main
action keeps a full tooltip and aria-label for discoverability/accessibility.


Claude-Session: https://claude.ai/code/session_015797BREShEaTkBsA3tRBuX

Co-authored-by: Claude <noreply@anthropic.com>
This commit is contained in:
Johannes Millan 2026-07-03 23:36:05 +02:00 committed by GitHub
parent cb586f87e9
commit 245330bd68
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 24 additions and 1 deletions

View file

@ -24,6 +24,10 @@ export class SplitButtonComponent {
readonly disabled = input<boolean>(false);
// Translation key used for the trigger's tooltip and aria-label.
readonly triggerLabel = input<string>('');
// Resolved (already translated) label for the main button's tooltip and
// aria-label. Use when the projected content is abbreviated (e.g. just a
// time) so the full action stays discoverable to screen readers and on hover.
readonly mainLabel = input<string>('');
readonly mainClick = output<MouseEvent>();
}