Skip to content

Improve compact feature recommendation panel in onboarding - #500

Open
harshitarora-in wants to merge 2 commits into
developmentfrom
feat/onboarding-compact-features-panel
Open

Improve compact feature recommendation panel in onboarding#500
harshitarora-in wants to merge 2 commits into
developmentfrom
feat/onboarding-compact-features-panel

Conversation

@harshitarora-in

@harshitarora-in harshitarora-in commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

Summary

This PR improves the onboarding feature recommendation panel to make it more compact and easier to scan, while keeping the existing selection behavior intact.

Changes included:

  • Reduced spacing/padding in the feature cards so more options are visible without extra scrolling.
  • Simplified feature recommendations by merging duplicate Otter-based entries into a single recommendation for site builder and form builder.
  • Shortened long subtitles for better consistency and readability across templates (including Visualizer, Membership Plugin, and Pods).

Will affect visual aspect of the product

YES

Screenshots

chrome-capture-2026-07-22 (1)

Test instructions

  • Open onboarding and navigate to the Select Features step.
  • Ensure the recommendation panel is compact and doesn’t display a lengthy vertical scroll.
  • Verify selected cards still look interactive and can be toggled when not required.
  • Verify the Otter recommendation is shown as a single entry (not duplicated).
  • Verify shortened subtitles display consistently across templates (including templates that show Visualizer, Membership Plugin, and Pods).

Check before Pull Request is ready:

Closes #.

@harshitarora-in
harshitarora-in requested a review from Copilot July 22, 2026 12:51
@pirate-bot pirate-bot added the pr-checklist-incomplete The Pull Request checklist is incomplete. (automatic label) label Jul 22, 2026
@pirate-bot

pirate-bot commented Jul 22, 2026

Copy link
Copy Markdown
Collaborator

Plugin build for 614655f is ready 🛎️!

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Compacts and simplifies the onboarding feature recommendation panel.

Changes:

  • Tightens panel and feature-card spacing.
  • Consolidates Otter recommendations.
  • Shortens plugin descriptions.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.

File Description
onboarding/src/scss/_site-settings.scss Adds compact feature-step styling.
onboarding/src/scss/_features_list.scss Restyles feature cards and layout.
onboarding/src/Components/SiteSettings.js Applies feature-step-specific class.
onboarding/src/Components/FeaturesList.js Consolidates recommendations and shortens descriptions.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread onboarding/src/scss/_features_list.scss Outdated
Comment thread onboarding/src/scss/_features_list.scss Outdated
display: flex;
flex-direction: column;
width: 100%;
overflow-x: hidden;

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 4 out of 4 changed files in this pull request and generated no new comments.

@Soare-Robert-Daniel Soare-Robert-Daniel left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@harshitarora-in can you check if the E2E also need to be updated?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

pr-checklist-incomplete The Pull Request checklist is incomplete. (automatic label)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants