Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: device type display on survey, and spacing between filters #28581

Merged
merged 2 commits into from
Feb 12, 2025

Conversation

lucasheriques
Copy link
Contributor

@lucasheriques lucasheriques commented Feb 12, 2025

Problem

Makes it so Device Types are shown similarly to how they're shown on the Survey form as well.

Fixes extra spacing between "User properties" and the actual component.

Changes

Before After
image CleanShot 2025-02-12 at 00 00 57@2x

Does this work well for both Cloud and self-hosted?

Yes

How did you test this code?

UI changes only. Checked if all tests are still passing, and manually tested survey form to see if it's still working as expected

@lucasheriques lucasheriques requested a review from a team February 12, 2025 03:01
@lucasheriques lucasheriques self-assigned this Feb 12, 2025
Copy link
Contributor

@greptile-apps greptile-apps bot left a comment

Choose a reason for hiding this comment

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

PR Summary

This PR improves the visual presentation of device types and filter spacing in the survey display summary view.

  • Modified frontend/src/scenes/surveys/Survey.tsx to render individual LemonTag components for each device type instead of combining them into a single tag
  • Added wrapper div around targeting flag filters to fix inconsistent spacing between "User properties" section and filter components

1 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile

Copy link
Contributor

github-actions bot commented Feb 12, 2025

Size Change: 0 B

Total Size: 1.18 MB

ℹ️ View Unchanged
Filename Size
frontend/dist/toolbar.js 1.18 MB

compressed-size-action

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

12 snapshot changes in total. 0 added, 12 modified, 0 deleted:

  • chromium: 0 added, 12 modified, 0 deleted (diff for shard 2)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

Copy link
Member

@marandaneto marandaneto left a comment

Choose a reason for hiding this comment

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

nice

Copy link
Member

@marandaneto marandaneto left a comment

Choose a reason for hiding this comment

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

nice

@marandaneto marandaneto merged commit 01acee6 into master Feb 12, 2025
103 checks passed
@marandaneto marandaneto deleted the fix/spacing-and-device-type-display-on-survey branch February 12, 2025 08:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants