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:
gsxdsm
2026-07-16 00:38:33 -07:00
parent 261901343e
commit c5aa5ecfc7
2 changed files with 29 additions and 0 deletions

View 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.

View File

@@ -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));
}