Устранение пробелов между блестящим заголовком панели инструментов и картой листовки - PullRequest
1 голос
/ 01 апреля 2019

У меня есть блестящее приложение, которое отображает карту листовки.Я пытаюсь удалить пробел между заголовком панели инструментов Shiny и картой.Я также хочу удалить пустые места на боковых полях.Я подозреваю, что для этого нужно изменить поля или отступы через CSS, но я не нашел решения.

Вот код для упрощенной версии моего приложения -

```{r}
ui <- navbarPage("Example Page", id = "nav",
       tabPanel("Some Header",
                tags$style(type = "text/css", "#map {height: 
                calc(100vh - 70px) !important;}"), 
                  leafletOutput("map")))

server <- function(input, output, session) {
             output$map <- renderLeaflet({
            leaflet() %>%
            addTiles() %>% 
            setView(lng = -93.85, lat = 37.45, zoom = 5)})
}

shinyApp(ui, server)

```

Вот изображениеПолученное приложение.Я хочу знать, как я могу изменить этот код, чтобы удалить все пробелы.

Example_App

enter image description here

1 Ответ

1 голос
/ 01 апреля 2019

p0bs, ваш комментарий поставил меня на правильный путь.Вот код, который я использовал для переформатирования этого приложения Shiny, чтобы не было пробелов -

```{r}
ui <- navbarPage("Example Page", id = "nav",
       tabPanel("Some Header",
                tags$style(type = "text/css", "#map {height: calc(100vh - 
53px) !important;}"), 
                  leafletOutput("map")),
         tags$style(type = "text/css", ".container-fluid {padding-left:0px;
                    padding-right:0px;}"),
         tags$style(type = "text/css", ".navbar {margin-bottom: .5px;}"),
        tags$style(type = "text/css", ".container-fluid .navbar-header 
.navbar-brand {margin-left: 0px;}"))

server <- function(input, output, session) {
output$map <- renderLeaflet({
leaflet() %>%
  addTiles() %>% 
  setView(lng = -93.85, lat = 37.45, zoom = 5)})
}

shinyApp(ui, server)
```

Вот изображение результата -

enter image description here

...