Skip to content

Commit c847596

Browse files
MarkoVcodeclaude
andcommitted
Fix collapsed accordion taking 100% of viewport height instead of container height
Resolves issue where collapsed channels were sizing to 100% of screen height rather than 100% of the actual window container. Replaced explicit height: 100% with flex: 1 to let flexbox naturally constrain the collapsed channel height to match its siblings in the flex row. Changes: - Removed height: 100% and max-height: 100% from .channel-column--collapsed .channel-subheader - Added flex: 1 to fill available space within the natural flex container bounds - Collapsed channels now properly size to their row height, not viewport height This ensures collapsed channels stay within the mosaic window boundaries and don't extend beyond the visible area. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 4b33cfc commit c847596

File tree

1 file changed

+1
-2
lines changed
  • benchmesh-serial-service/frontend/src/ui/workbench/EditorArea

1 file changed

+1
-2
lines changed

benchmesh-serial-service/frontend/src/ui/workbench/EditorArea/editor.css

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -258,8 +258,7 @@
258258
.channel-column--collapsed .channel-subheader {
259259
writing-mode: vertical-lr;
260260
transform: rotate(180deg);
261-
height: 100%;
262-
max-height: 100%;
261+
flex: 1;
263262
width: 100%;
264263
border-bottom: none;
265264
border-right: 1px solid var(--editor-border);

0 commit comments

Comments
 (0)