调整仪表板中整个标题栏的高度在闪亮的仪表板中调整标题

Question

我看到这里有一个类似的问题：

在闪亮的仪表板中调整仪表板标题的高度

但我没有声誉来评论给定的答案。

给出此答案的解决方案将在我想扩展标题大小的情况下起作用。但是，当我将大小减小到 20 像素时，这只会改变标题标题部分的高度，我想降低闪亮仪表板中整个标题栏的高度。这可能吗？

下面是使用上述问题的解决方案的示例：

library(shiny)
library(shinydashboard)
ui <- dashboardPage(
  dashboardHeader(
    # Set height of dashboardHeader
    tags$li(class = "dropdown",
            tags$style(".main-header {max-height: 20px}"),
            tags$style(".main-header .logo {height: 20px}")
    ) 
  ),
   dashboardSidebar(
    # Adjust the sidebar
    tags$style(".left-side, .main-sidebar {padding-top: 20px}")
  ),
  dashboardBody()
)
server <- function(input, output){}
shinyApp(ui, server)

Answer 1

您需要覆盖导航栏的最小高度和侧边栏切换上的填充。 我在下面更新了您的示例：

library(shiny)
library(shinydashboard)
ui <- dashboardPage(
  dashboardHeader(
    # Set height of dashboardHeader
    tags$li(class = "dropdown",
            tags$style(".main-header {max-height: 20px}"),
            tags$style(".main-header .logo {height: 20px;}"),
            tags$style(".sidebar-toggle {height: 20px; padding-top: 1px !important;}"),
            tags$style(".navbar {min-height:20px !important}")
    ) 
  ),
   dashboardSidebar(
    # Adjust the sidebar
    tags$style(".left-side, .main-sidebar {padding-top: 20px}")
  ),
  dashboardBody()
)
server <- function(input, output){}
shinyApp(ui, server)