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;
|
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 {
|
.quick-entry-box .dep-dropdown {
|
||||||
max-width: calc(100vw - calc(var(--space-lg) * 2));
|
max-width: calc(100vw - calc(var(--space-lg) * 2));
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user