Skip to content

feat(ux): Feature flags scene icon and tab icon represent active state#40376

Merged
adamleithp merged 3 commits intomasterfrom
ux/feature-flag-functional-scene-representation
Oct 28, 2025
Merged

feat(ux): Feature flags scene icon and tab icon represent active state#40376
adamleithp merged 3 commits intomasterfrom
ux/feature-flag-functional-scene-representation

Conversation

@adamleithp
Copy link
Contributor

@adamleithp adamleithp commented Oct 27, 2025

Problem

image

Darkmode switch background is same as scene background, which makes it hard to see.

image

Changes

2025-10-27 21 28 13

  • Replace the feature flag icon for <SceneTitleSection> and with an actual <LemonSwitch> and pass in checked=active Decided against using the jsx switch in the title area as it's distracting... if ever devs want to make it functional, go for it.. no feeling it right now.
  • Replace icon in <SceneTitleSection>'s and breadcrumbs iconType with new <IconToggleOff /> when FF is not active
  • BONUS UX: Change <LemonSwitch /> background to be more visible in darkmode (Was gray-900, and the background in darkmode
image

How did you test this code?

Locally

@posthog-bot
Copy link
Contributor

Hey @adamleithp! 👋
This pull request seems to contain no description. Please add useful context, rationale, and/or any other information that will help make sense of this change now and in the distant Mars-based future.

@posthog-bot posthog-bot requested a review from a team October 27, 2025 04:45
@posthog-project-board-bot posthog-project-board-bot bot moved this to In Review in Feature Flags Oct 27, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Oct 27, 2025

Size Change: +587 B (+0.02%)

Total Size: 3.33 MB

ℹ️ View Unchanged
Filename Size Change
frontend/dist/toolbar.js 3.33 MB +587 B (+0.02%)

compressed-size-action

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.

6 files reviewed, 3 comments

Edit Code Review Agent Settings | Greptile

@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 9)
  • webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@adamleithp adamleithp removed the request for review from a team October 27, 2025 14:03
@adamleithp adamleithp changed the title feat(ux): Feature flags ] icon and tab icon are represent its active state feat(ux): Feature flags icon and tab icon are actual (disabled) switches Oct 27, 2025
@adamleithp adamleithp force-pushed the ux/feature-flag-functional-scene-representation branch from 436b152 to 45e7421 Compare October 27, 2025 14:17
@adamleithp adamleithp removed the request for review from mariusandra October 27, 2025 14:19
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

Copy link
Contributor

@dmarticus dmarticus left a comment

Choose a reason for hiding this comment

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

fucking sick

@github-project-automation github-project-automation bot moved this from In Review to Approved in Feature Flags Oct 27, 2025
@adamleithp adamleithp force-pushed the ux/feature-flag-functional-scene-representation branch from 1aa92ec to 3899698 Compare October 27, 2025 21:08
@adamleithp adamleithp changed the title feat(ux): Feature flags icon and tab icon are actual (disabled) switches feat(ux): Feature flags scene icon and tab icon represent active state Oct 27, 2025
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@adamleithp adamleithp force-pushed the ux/feature-flag-functional-scene-representation branch from dc99de3 to 513b8ab Compare October 27, 2025 21:26
@adamleithp adamleithp enabled auto-merge (squash) October 27, 2025 21:29
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@adamleithp adamleithp force-pushed the ux/feature-flag-functional-scene-representation branch 2 times, most recently from 0b7788e to c8ffac2 Compare October 28, 2025 21:45
small updates and comments

remove fancy jsx rendering, go for custom icon if flag is off

revert some files, build schema

remove lemon switch from scene title section, not necessary will just use new IconToggleOff for now

add icon to categories, fix mt
@adamleithp adamleithp force-pushed the ux/feature-flag-functional-scene-representation branch from c8ffac2 to ccb573f Compare October 28, 2025 21:46
@posthog-bot
Copy link
Contributor

📸 UI snapshots have been updated

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

Triggered by this commit.

👉 Review this PR's diff of snapshots.

@adamleithp adamleithp merged commit 795760d into master Oct 28, 2025
185 checks passed
@adamleithp adamleithp deleted the ux/feature-flag-functional-scene-representation branch October 28, 2025 22:11
@github-project-automation github-project-automation bot moved this from Approved to Done in Feature Flags Oct 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

3 participants