Skip to content

Commit c2ebb91

Browse files
jeremymanningclaude
andcommitted
Fix widget status message visibility issues
- Increase status output height from 80px to 120px - Add better styling with padding, border radius, and background color - Move status output to better position with clear section heading - Add bottom spacing to prevent messages being cut off - Change overflow-y from scroll to auto for better UX Resolves issue where status messages were obscured at bottom of widget. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 08baf46 commit c2ebb91

File tree

1 file changed

+9
-4
lines changed

1 file changed

+9
-4
lines changed

clustrix/notebook_magic.py

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -525,10 +525,14 @@ def _create_widgets(self):
525525
# Status output with proper sizing
526526
self.status_output = widgets.Output(
527527
layout=widgets.Layout(
528-
height="80px",
528+
height="120px", # Increased height for better visibility
529529
width="100%",
530-
overflow_y="scroll",
531-
border="1px solid #ccc",
530+
overflow_y="auto",
531+
border="1px solid #ddd",
532+
border_radius="4px",
533+
padding="8px",
534+
margin="10px 0px",
535+
background_color="#f8f9fa",
532536
)
533537
)
534538
# Update dropdown and load initial configuration
@@ -1925,8 +1929,9 @@ def display(self):
19251929
save_section,
19261930
widgets.HTML("<hr>"),
19271931
action_buttons,
1928-
widgets.HTML("<hr>"),
1932+
widgets.HTML("<br><h6>Status Messages</h6>"),
19291933
self.status_output,
1934+
widgets.HTML("<br>"), # Add spacing at bottom
19301935
]
19311936
)
19321937
display(main_layout)

0 commit comments

Comments
 (0)