Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Adjustable Sidebar Width #3570

Closed
samcarey opened this issue Jan 24, 2025 · 1 comment · Fixed by #3591
Closed

Adjustable Sidebar Width #3570

samcarey opened this issue Jan 24, 2025 · 1 comment · Fixed by #3591
Labels
enhancement New feature or request

Comments

@samcarey
Copy link

Description

I have a widget that needs to wide and tall and be displayed alongside my code as I scroll down the notebook.
I thought I could put the widget in a sidebar so it's always visible and out of the way of my code, but the width of the sidebar is just too narrow to properly see the widget.

Suggested solution

I think it'd be good to have a default width parameter to the sidebar layout, as well as a boolean flag to make the width adjustable by dragging the divider.

Alternative

I've tried looking at the CSS to see if I can adjust it from within my widget to accomplish my goals, but I'm not skilled enough to figure it out apparently.

Additional context

Widget needs to be wider:

Image
@samcarey samcarey added the enhancement New feature or request label Jan 24, 2025
@mscolnick
Copy link
Contributor

I am looking at this today.

devin-ai-integration bot added a commit that referenced this issue Jan 27, 2025
@devin-ai-integration @mscolnick
feat: add configurable width to mo.sidebar() (#3570)
acb6411 
- Add width parameter to mo.sidebar() Python API
- Implement width configuration through data-width attribute
- Add unit tests for width configuration
- Use inline styles for dynamic width instead of Tailwind classes

Co-Authored-By: Myles Scolnick <myles@marimo.io>
@devin-ai-integration devin-ai-integration bot mentioned this issue Jan 27, 2025
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat: add configurable width to mo.sidebar() (#3570) marimo-team/marimo
2 participants
@mscolnick @samcarey