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(flags): better redistribute experience #25611

Merged
merged 15 commits into from
Oct 17, 2024

Conversation

dmarticus
Copy link
Contributor

@dmarticus dmarticus commented Oct 15, 2024

Problem

Per @raquelmsmith's feedback here, I redid the redistribute experience for the flags UI to now use a button with a tooltip instead of the word "redistribute" on a button. I also changed the percentage rollout input boxes to have the % suffix; it looks better IMO.

Worked with Cory to use a scale balance icon for this thing, since I figured that was a good visual indicator for rebalancing variant distributions.

Changes

Demo: https://www.loom.com/share/9ccb4e1e8303434cbdc1daca86a11855

Copy link
Contributor

github-actions bot commented Oct 15, 2024

Size Change: +1.09 kB (+0.1%)

Total Size: 1.14 MB

Filename Size Change
frontend/dist/toolbar.js 1.14 MB +1.09 kB (+0.1%)

compressed-size-action

@dmarticus dmarticus marked this pull request as ready for review October 15, 2024 23:34
onClick={distributeVariantsEqually}
tooltip="Redistribute variant rollout percentages equally"
>
<IconBalance />
Copy link
Contributor Author

Choose a reason for hiding this comment

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

looks like this
image

Comment on lines 955 to 960
<LemonButton
onClick={distributeVariantsEqually}
tooltip="Redistribute variant rollout percentages equally"
>
<IconBalance />
</LemonButton>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

looks like this
image

Copy link
Member

Choose a reason for hiding this comment

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

If I'm gonna nitpick I'd still bump it over to line up with the right side of the column, but if not then I think this is fine 👍

Copy link
Contributor Author

Choose a reason for hiding this comment

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

nitpick addressed!

Comment on lines 955 to 960
<LemonButton
onClick={distributeVariantsEqually}
tooltip="Redistribute variant rollout percentages equally"
>
<IconBalance />
</LemonButton>
Copy link
Member

Choose a reason for hiding this comment

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

If I'm gonna nitpick I'd still bump it over to line up with the right side of the column, but if not then I think this is fine 👍

@dmarticus dmarticus enabled auto-merge (squash) October 17, 2024 17:13
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

  • chromium: 0 added, 4 modified, 0 deleted (diff for shard 1)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

auto-merge was automatically disabled October 17, 2024 18:03

Head branch was modified

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

  • chromium: 0 added, 4 modified, 0 deleted (diff for shard 1)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@dmarticus dmarticus merged commit f79f573 into master Oct 17, 2024
94 checks passed
@dmarticus dmarticus deleted the fix/better-redistribute-button branch October 17, 2024 21:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants