Skip to content

fix(editor): replace hidden layer badge with eye-off icon#149

Merged
DavidBabinec merged 1 commit into
mainfrom
fix/hidden-layer-eye-off-icon
Jul 2, 2026
Merged

fix(editor): replace hidden layer badge with eye-off icon#149
DavidBabinec merged 1 commit into
mainfrom
fix/hidden-layer-eye-off-icon

Conversation

@DavidBabinec

Copy link
Copy Markdown
Contributor

What changed

  • Replaced the Layers panel hidden text badge with the vendored EyeOffSolidIcon.
  • Styled the hidden marker as a compact muted icon using existing editor color tokens.
  • Added regression coverage for hidden layer rows so the text badge does not return.

Why

Hidden layers were marked with a low-contrast hidden text badge that was barely visible in the Explorer. The row already exposes hidden state through its accessible label, so the visual marker can be a clearer icon-only status indicator.

Impact

Authors now see a muted crossed-eye icon on hidden Layers rows instead of the faint badge text. No page rendering or persistence behavior changes.

Verification

  • bun test src/__tests__/panels/domPanel.test.tsx
  • bun run lint
  • bun run build
  • bun test
  • npx react-doctor@latest --verbose --scope changed --base origin/main --blocking warning

@DavidBabinec
DavidBabinec marked this pull request as ready for review July 2, 2026 08:47
@DavidBabinec
DavidBabinec merged commit c57b2b0 into main Jul 2, 2026
6 checks passed
@DavidBabinec
DavidBabinec deleted the fix/hidden-layer-eye-off-icon branch July 2, 2026 08:47
lauer3912 pushed a commit to ClawCopilot/Instatic that referenced this pull request Jul 20, 2026
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.

1 participant