Center Navbar Tab text with flatly theme

shiny
1 
ui <- shiny::bootstrapPage(
    
    shiny::tags$head(
        # Include custom CSS
        includeCSS("styles.css")
        
    ),
    
    
    shiny::navbarPage(
        
        title = "Test",
        collapsible = TRUE,
        theme       = shinythemes::shinytheme("flatly"),
        
        shiny::tabPanel(
            "Map"
        )
    )
    
    
    
)

server <- function(input, output, session) {   
    
}

shinyApp(ui, server)

CSS

.container-fluid {
  height: 80px;
}

.leaflet-top .leaflet-control {
    margin-top: 40px;
}

.navbar-nav li a {
  height: 80px;
}

How do I center the Map text vertically in the navigation tab? With the default theme, I get it to work, however, with the flatly theme I cannot get it centered.

2

I figured it out. So basically I have to overwrite the bootstrap css with !important to make it work

3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.

If you have a query related to it or one of the replies, start a new topic and refer back with a link.