fix(dashboard): keep quick-add Save inline with its icon controls on mobile
Tighten the mobile primary-group gap to --space-xs and the icon-only controls' min-width floor to 32px so the Save button no longer wraps to its own line in the board quick-add composer. Touch-target height is unchanged. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
7
.changeset/quick-add-save-inline-mobile.md
Normal file
7
.changeset/quick-add-save-inline-mobile.md
Normal file
@@ -0,0 +1,7 @@
|
||||
---
|
||||
"@runfusion/fusion": patch
|
||||
---
|
||||
|
||||
summary: Keep the quick-add Save button on the same line as its icon controls on mobile.
|
||||
category: fix
|
||||
dev: Mobile-scoped `.quick-entry-primary-group` gap/icon min-width reduction in QuickEntryBox.css; touch-target height unchanged.
|
||||
@@ -796,6 +796,28 @@ FN-7682 — the tokenized-CSS test forbids raw px in the workflow-selector rules
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/*
|
||||
FNXC:QuickAddActionRow 2026-07-16-12:45:
|
||||
Operator feedback on the FN-7684-era wrap behavior: Save must sit on the SAME line as the five
|
||||
icon controls on mobile, not wrap to a second right-aligned line. The wrap fired because the
|
||||
primary group needed ~275px in a ~260px column (measured 2026-07-15): five 36px icon floors +
|
||||
five 8px gaps + an unshrinkable Save. Rather than re-allowing Save to clip (the FN-7684 bug),
|
||||
recover the deficit from spacing and icon width inside this group only:
|
||||
- group gap drops to --space-xs (saves 4px × 5 gaps = 20px),
|
||||
- icon-only controls drop their min-width floor from the global 36px .btn-icon rule to
|
||||
--space-2xl (32px; saves 4px × 5 = 20px).
|
||||
Touch-target HEIGHT is untouched (the 36px fixed-box rule above still owns it), so the controls
|
||||
remain tappable; only horizontal footprint shrinks. flex-wrap stays as the safety net for
|
||||
columns even narrower than this recovers.
|
||||
*/
|
||||
.quick-entry-primary-group {
|
||||
gap: var(--space-xs);
|
||||
}
|
||||
|
||||
.quick-entry-primary-group .btn-icon {
|
||||
min-width: var(--space-2xl);
|
||||
}
|
||||
|
||||
.quick-entry-box .dep-dropdown {
|
||||
max-width: calc(100vw - calc(var(--space-lg) * 2));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user