Skip to content

Fix playground tab buttons - #3554

Open
tevanburen wants to merge 5 commits into
devfrom
fix-playground-tab-buttons
Open

Fix playground tab buttons#3554
tevanburen wants to merge 5 commits into
devfrom
fix-playground-tab-buttons

Conversation

@tevanburen

@tevanburen tevanburen commented Aug 14, 2026

Copy link
Copy Markdown
Contributor

Description

Fixed the playground sidebar's tab-strip controls (maximize, open-inline, close) overlapping and misaligning with the tabs, and removed the "N more" overflow menu so tabs just scroll. Also tightened spacing between the mic and prompt-optimizer buttons in the room input toolbar.

Changes Made

  • Moved sidebar controls into FlexLayout's native toolbar API instead of an absolutely-positioned overlay, fixing overlap and right-alignment
  • Hid FlexLayout's overflow ("N more") button and centered the tab strip via the existing DOM-patching effect in room-sidebar.tsx
  • Nudged spacing between the mic and prompt-optimizer buttons in room-input.tsx

How to Test

  1. Open the sidebar with several tabs — controls should sit right-aligned and centered with the tabs, no overlap, no overflow menu, tabs just scroll
  2. Check mic/prompt-optimizer spacing in the room input toolbar

@tevanburen tevanburen self-assigned this Aug 14, 2026
@snyk-io

snyk-io Bot commented Aug 14, 2026

Copy link
Copy Markdown

Snyk checks have passed. No issues have been found so far.

Status Scan Engine Critical High Medium Low Total (0)
Open Source Security 0 0 0 0 0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

@tevanburen
tevanburen marked this pull request as ready for review August 14, 2026 20:07
@tevanburen
tevanburen requested a review from a team as a code owner August 14, 2026 20:07
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