Skip to content
New issue

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

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

Already on GitHub? # to your account

Consider giving page_sidebar() and page_navbar() main areas min-width #1040

Closed
gadenbuie opened this issue Apr 17, 2024 · 1 comment · Fixed by #1057
Closed

Consider giving page_sidebar() and page_navbar() main areas min-width #1040

gadenbuie opened this issue Apr 17, 2024 · 1 comment · Fixed by #1057
Assignees

Comments

@gadenbuie
Copy link
Member

A rule like this is helpful to ensure that opening the sidebar doesn't overly squish the main content

@media (min-width: 576px) {
  .bslib-page-sidebar > .bslib-sidebar-layout.html-fill-item > .main {
    min-width: max(576px, 100%);
  }
}

This rule isn't quite perfect because the scrolling happens across the entire content area and not the main sidebar area, but it's a reasonable starting place.

Collapsed

image

Expanded, with rule

image

Expanded, without rule

image

Copy link

This issue has been automatically locked. If you have found a related problem, please open a new issue (with a reproducible example or feature request) and link to this issue.
🙋 Need help? Connect with us on Discord or Posit Community.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jul 29, 2024
# for free to subscribe to this conversation on GitHub. Already have an account? #.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant