大胆なシャイニーダッシュボードサイドバー

Question

大きな幅のshinydashboardサイドバーを隠そうとしています。問題は、幅を広げると、サイドバーが画面から完全に外れないことです。

ここでは、修正しようとしている問題の例を示します。

## 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; 
} 

である。これは、沈胴サイドバーです：

、これはサイドバーでは崩壊：

することができますように言う、それはなかった隠す:(。私はこれを修正する方法についてどのような提案がありますか？

Answer 1

は、ccssのdisplayプロパティを使用します。

このように、幅を変更する代わりに、次のように表示します。 これにより、他の要素のサイズが変更され、それに応じて項目が移動されます。 例えば、このWC3リンクを参照してください：

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