title: Create a floating sidebar in shiny dashboard
body: <p>I am using the latest version of shiny dashboard and leaflet to create a shiny App (See my minimum example below). This Shiny app is working very well in my computer. However, the leaflet map is pushing into right side in my mobile as expected (See this figure).</p>
  
  <p><a href="https://i.stack.imgur.com/6hTlvb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6hTlvb.png" alt="enter image description here"></a> </p>
  
  <p>So, my question is it is possible to create a floating sidebar which will float on the leaflet map. </p>
  
  <p>PS: Here is an example floating sidebar (at the right-top corner. <a href="http://run.plnkr.co/plunks/sA6H7U/" rel="nofollow noreferrer">http://run.plnkr.co/plunks/sA6H7U/</a>).</p>
  
  <pre><code>library(shiny)
  library(shinydashboard)
  library(leaflet)
  header &lt;- dashboardHeader(title = 'Leaflet test')
  sidebar &lt;- dashboardSidebar()
  
  body &lt;- dashboardBody(
      tags$head(
          tags$style(HTML("
          div.outer {
               height: calc(100vh - 80px);
               padding: 0;
               margin: 0;
               min-height: 500px
          }
      ")))
      , tags$div(
          class = 'outer',
          leafletOutput('map', width = '100%', height = '100%')) 
  )
  
  
  
  ui &lt;- dashboardPage(
      header, sidebar, body
      , title = 'Leaftlet test'
  )
  
  server &lt;- function(input, output, session) {
      output$map &lt;- renderLeaflet({
  
          leaflet() %&gt;% 
              addTiles()
      })
  }
  
  
  shinyApp(ui, server)
  </code></pre>