Repository navigation
fix: Workspace UI — SVG split icons + full-height layout - #238
Merged
Merged
Conversation
- Replace the ▯/⊞ glyph layout buttons (rendered as tofu boxes in many fonts) with crisp inline SVG icons (1 / 2-col / 3-col / 2×2). - Fill the content area edge-to-edge: drop the dashboard's 20px padding and scroll while the workspace is mounted (`.content:has(.workspace-wrap)`) and give the wrap height:100% instead of a brittle calc(100vh - 52px), which overflowed once the tab bar was added. Verified: fresh load = 1 tab / 1 pane, no horizontal overflow, wrap height exactly matches the content box, all four layout icons render. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
The Workspace toolbar looked broken: the split-layout buttons used glyph chars (
▯,▯▯,⊞) that render as empty tofu boxes in the dashboard font, andheight: calc(100vh - 52px)overflowed once the tab bar was added (extra scroll / misaligned box).Fix
.content:has(.workspace-wrap)drops the dashboard's 20px padding + scroll while the terminal is mounted, and.workspace-wrapusesheight: 100%instead of the brittlecalc.Testing
Fresh browser load → 1 tab / 1 pane, no horizontal overflow, wrap height == content box (819px == 819px), all 4 layout icons render as SVG. Full suite 166 pass / 2 skipped / 0 fail.
Folded into the unreleased 7.8.0 (never published to npm), so no extra version bump.
🤖 Generated with Claude Code