rstudio/bslib

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

gadenbuie opened this issue · 1 comments

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

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.