Skip to content

fix: replace cog icon with ellipsis on component context menus#1722

Merged
willeastcott merged 1 commit intomainfrom
fix/component-menu-icon
Feb 6, 2026
Merged

fix: replace cog icon with ellipsis on component context menus#1722
willeastcott merged 1 commit intomainfrom
fix/component-menu-icon

Conversation

@willeastcott
Copy link
Contributor

@willeastcott willeastcott commented Feb 6, 2026

Summary

image
  • Replace the cog icon (E134) with a horizontal ellipsis icon (E235) on component inspector and entity inspector context menu buttons, since a cog implies 'settings' while these menus contain actions (Copy, Paste, Delete)
  • Rename cog-related variables and methods to context/menu-based naming for clarity (e.g. _btnCog -> _btnMenu, _createCogMenu -> _createContextMenu)
  • Add inline flex centering on the entity inspector menu button to vertically center the ellipsis glyph

Test plan

  • Open the inspector for an entity with components and verify the ellipsis icon appears in each component header
  • Click the ellipsis to confirm the Copy/Paste/Delete menu still opens correctly
  • Verify the ellipsis next to the ADD COMPONENT button is vertically centered
  • Confirm cog icon still appears on editor settings toolbar button and scene settings context menu

The component inspector header and entity inspector used a cog icon for buttons that open context menus (Copy/Paste/Delete). A cog implies settings, which is misleading for an actions menu. Replace with a horizontal ellipsis (E235), the standard more actions affordance.

Also rename related variables and methods from cog-based naming to menu/context-based naming for clarity.

Co-authored-by: Cursor <cursoragent@cursor.com>
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR updates the inspector UI to use an ellipsis-style icon for component/entity context menu buttons instead of a cog, aligning the iconography with “actions menu” semantics rather than “settings”.

Changes:

  • Replaced the cog icon (E134) with E235 on component and entity inspector context menu buttons.
  • Renamed entity inspector menu creation from _createCogMenu to _createContextMenu and updated the stored menu reference accordingly.
  • Added inline flex centering styles on the entity inspector menu button to vertically center the glyph.

Reviewed changes

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

File Description
src/editor/inspector/entity.ts Updates the entity inspector’s context menu button icon, renames cog-menu helpers to context-menu naming, and adds inline flex centering for the icon.
src/editor/inspector/components/component.ts Updates component header context menu button icon and renames the button instance variable accordingly.

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

@willeastcott willeastcott merged commit 1f686f9 into main Feb 6, 2026
11 checks passed
@willeastcott willeastcott deleted the fix/component-menu-icon branch February 6, 2026 23:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant