折叠宽大的闪亮仪表板侧边栏答案

【问题标题】：Collapse Shiny Dashboard sidebar with large width折叠宽大的闪亮仪表板侧边栏
【发布时间】：2017-08-06 04:51:32
【问题描述】：

我试图隐藏一个宽大的闪亮仪表板侧边栏。问题是当我增加宽度时，侧边栏并没有完全离开屏幕。

这是我正在尝试解决的问题的一个示例；

## R Code ##
library(shiny)
library(shinydashboard)

ui <- dashboardPage(
  dashboardHeader(),
  dashboardSidebar(),
  dashboardBody(tags$head(includeCSS("www/custom.css")))
)

server <- function(input, output) { }

shinyApp(ui, server)

CSS 文件是

## CSS ##
.left-side, .main-sidebar {
   width: 50vw;
}

这是未折叠的侧边栏：

这是折叠的侧边栏：

如您所知，它并没有隐藏 :(。关于如何解决这个问题有什么建议吗？

【问题讨论】：

标签： html css r shiny shinydashboard

【解决方案1】：

利用 ccss 中的 display 属性。

所以不是改变宽度，而是 display:none; 这将调整您的其他元素的大小并相应地移动事物。请参考这个 wc3 链接，例如：

https://www.w3schools.com/css/css_display_visibility.asp

【讨论】：

添加“.sidebar-collapse .main-sidebar {display:none;}”解决了这个问题。谢谢！