mirror of
https://github.com/johannesjo/super-productivity.git
synced 2026-07-18 00:46:45 +00:00
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:
parent
cb586f87e9
commit
245330bd68
6 changed files with 24 additions and 1 deletions
|
|
@ -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>();
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue