首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >修改R中的Flexdashboard CSS

修改R中的Flexdashboard CSS
EN

Stack Overflow用户
提问于 2018-04-12 17:50:19
回答 2查看 4.8K关注 0票数 4

我正在使用带有Rmarkdown的flexdashboard包,并希望修改标题的尺寸、边框、颜色等,从而生成由Rstudio创建的网页。有许多CSS文件与flex仪表板和Rmarkdown相关联。有人能告诉我哪些CSS文件应该为此修改,这些文件位于R或Rstudio目录中吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-26 15:32:21

通过修改flexdashboard子目录中的CSS主题(我们选择修改flexdashboard),我的同事和我了解到,我们可以控制柔性仪表板中某些元素的维度。

具体来说,我们修改了这个目录中的CSS文件: C:\Program Files\R\R-3.4.2\library\flexdashboard\rmarkdown\templates\flex_dashboard\resources

有关我们如何更改边框的尺寸,请参见下面的带注释的CSS文件(对于Lumen主题)。显示的编辑放在现有lumen.css文件的末尾。

代码语言:javascript
运行
复制
/* Jeff's Edits */

.storyboard-nav {
    box-sizing: border-box;
    width: 100% !important; /* This prevents JS transformation on width */
    height: auto; /* This overrides the height */
}

.storyboard-nav .sbnext, .storyboard-nav .sbprev {
    height: auto; /* This overrides the height */
    font-size: 3rem;
}

.storyboard-nav .sbframelist {
    height: auto; /* This overrides the height */
}

.storyboard-nav .sbframelist ul {
    box-sizing: border-box;
    width: 100% !important; /* This prevents JS transformation on width */
    height: auto; /* This overrides the height */
}

.storyboard-nav .sbframelist ul li {
    height: auto; /* This overrides the height */
    width: auto; /* This overrides the width */
}
票数 6
EN

Stack Overflow用户

发布于 2019-11-06 22:39:27

您可以通过添加您自己的CSS文件“指令这里”来修改默认设置。这样,您就不必修改默认的规范(以防您想要使用它们)。

如果您想检查每个主题的默认规范,您可以在柔性版github回购中找到它们。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49803014

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档