r - 调整操作按钮的大小会导致闪亮仪表板中的标题错位
问题描述
我在闪亮仪表板的标题上放置了一个操作按钮,它会自动打开默认邮件应用程序并填充 To: 行。但是,当我调整按钮大小时,可折叠侧边栏标题和主标题会错位(请参阅下图以获取参考)。
此外,我在 SO 中查看了这些帖子:
但是,关注他们并没有为我的问题提供足够的帮助。这是代表:
library(shiny)
library(shinydashboard)
library(shinyjs)
library(shinydashboardPlus)
library(htmltools)
library(DT)
ui <- shinydashboardPlus::dashboardPage(
options = list(sidebarExpandOnHover = TRUE),
header = shinydashboardPlus::dashboardHeader(disable = FALSE,
tags$li(class = "dropdown",
tags$a(actionButton(inputId = "email1", label = "",
icon = icon("envelope", lib = "font-awesome")
,
style='height: 20px; width: 30px;
margin-top: 0px; margin-right: 0px;
margin-bottom: 0px; padding:4px 4px 20px 4px;'
),
href="mailto:my_awesome_email_address.com")),
title = tagList(
tags$span(
class = "logo-mini", "small"
),
tags$span(
class = "logo-lg", "LONGER TEXT"
)
)),
sidebar = shinydashboardPlus::dashboardSidebar(
minified= TRUE,
collapsed = TRUE,
sidebarMenu(
),
tags$script(JS("document.getElementsByClassName('sidebar-toggle')[0].style.visibility = 'hidden';"))
),
body = shinydashboard::dashboardBody(
tabItems(
tabItem(tabName = "mainPanel_1",
box(
)
)
),
controlbar = NULL,
footer = NULL
)
)
server <- function(input, output, session) {
}
shinyApp(ui, server)
任何帮助或提示将不胜感激。
解决方案
将此样式用于您的按钮:
style='height: 20px;
background: transparent;
border: none;
font-size: 2rem;
transform: translate(5%, -30%);'
推荐阅读
- ruby-on-rails - Rails 5.2:ActiveRecord::RecordInvalid (声称用户名被占用,虽然它不是)
- php - 将 PHP 字符串直接导入 MySQL 数据库,而不是写入和导入文件
- java - 使用已使用 java 编码的 openssl 解码数据
- dart - Flutter LBS to KG 应用程序未注册“转换”提交
- drupal-7 - Drupal 7 多语言站点:每个节点 URL 以所有语言重复
- python - 使用 wxPython 时在 UI 中显示复数
- android - Android - 工具栏中的 SearchView
- skype - Dialogflow-Skype 消息中的特殊字符问题
- python - MacOS 上 Python 3.7 中 Basemap 的构建错误——来自 Cython?
- objective-c - NSNumberFormatter numberFromString: 和 kCGImagePropertyGPSLatitude 给出无法识别选择器的错误