FlowFuse / FlowFuse/flowfuse

Fix onboarding question card styling side-effects

Closed
#8,520 0 comments 0 reactions 1 assignee Claimed by @andypalmi View on GitHub
area:frontend type:bug
Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 20h
Merged PRs (30d)
149

Description

The onboarding page deliberately restyles question cards into full-width tiles, but the page-scoped `:deep` overrides in `Onboarding.vue` (`.ff-radio-btn` / `.ff-checkbox` set to `display: flex; width: 100%`) also stretch the selection controls themselves. The cards should keep using the same Expert question UI as the chat drawer, just at full chat width; the checkboxes and radios keep their normal size.

Side-effects to fix:

- Single-select options render the description on the same line as the label (the override turns `ff-radio-group`'s label plus `p.ff-description` into a flex row). Multi-select stacks correctly.
- The free-text option's input is crushed to a few px because the control becomes a full-width tile.

Done when: question cards span the full chat width with normally sized controls, single-select descriptions render under their label, the free-text input has full usable width, and the drawer chat rendering is unchanged.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.