Skip to content

ENG-739 Move color selector from Canvas to General tab#945

Open
trangdoan982 wants to merge 3 commits intomainfrom
worktree-eng-739-move-color-selector-from-canvas-to-general-tab
Open

ENG-739 Move color selector from Canvas to General tab#945
trangdoan982 wants to merge 3 commits intomainfrom
worktree-eng-739-move-color-selector-from-canvas-to-general-tab

Conversation

@trangdoan982
Copy link
Copy Markdown
Member

@trangdoan982 trangdoan982 commented Apr 7, 2026

Summary

  • Moves the color picker from the Canvas tab to the General tab in node type settings
  • Tag now also has previewed color
Screenshot 2026-04-08 at 15 25 02

After changing setting, node tag and node menu reflects the changes fron General tab
Screenshot 2026-04-08 at 15 25 25

Canvas no longer has color picker
Screenshot 2026-04-08 at 15 24 37

Closes ENG-739

🤖 Generated with Claude Code


Open with Devin

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@linear
Copy link
Copy Markdown

linear bot commented Apr 7, 2026

@supabase
Copy link
Copy Markdown

supabase bot commented Apr 7, 2026

This pull request has been ignored for the connected project zytfjzqyijgagqxrzbmz because there are no changes detected in packages/database/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.


Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

Copy link
Copy Markdown
Contributor

@devin-ai-integration devin-ai-integration bot left a comment

Choose a reason for hiding this comment

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

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no potential bugs to report.

View in Devin Review to see 3 additional findings.

Open in Devin Review

@trangdoan982 trangdoan982 requested a review from mdroidian April 8, 2026 19:26
Copy link
Copy Markdown
Member

@mdroidian mdroidian left a comment

Choose a reason for hiding this comment

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

The blocking change here is the Tooltip and text color of tag, but let's do all 4.

uid={tagUid}
inputStyle={color ? { color } : undefined}
/>
<div>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

If we no longer need the 4px bottom margin, change this to <>

inputStyle={color ? { color } : undefined}
/>
<div>
<Label style={{ marginBottom: "4px" }}>Color</Label>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Wrap ControlGroup in Label to match other fields above, ref

and remove the marginBottom: 4px (this covered by blueprint styling of bp3-label)

/>
<div>
<Label style={{ marginBottom: "4px" }}>Color</Label>
<ControlGroup>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Add ToolTip after Color to match the other fields (which the above components are using Description, see DiscourseNodeTextPanel).
"Changes the color of tags and canvas nodes"

order={2}
parentUid={node.type}
uid={tagUid}
inputStyle={color ? { color } : undefined}
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

When set to white (or dark if user has a dark theme), the text would be not visible. So let's revert this in favor of ENG-906: Add node tag below tag input in setting (which is out of scope for this PR)

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.

2 participants