在“ pkgdown”文章目录（TOC）中对齐标题和子标题

Question

我正在为我的R包建立一个pkgdown网站。一切工作正常，但是我没有弄清楚的一种自定义方法是如何在目录（ TOC ）中对齐文章标题和子标题。

在下图中，

• 在左侧：我的ggstatsplot包裹网站
  （https://indrajeetpatil.github.io/ggstatsplot/articles/web_only/effsize_interpretation.html）

上的文章

• 在右侧：来自broom包网站
  （https://broom.tidyverse.org/articles/adding-tidiers.html）

的文章

请注意，ggstatsplot文章目录中的标题（红色箭头）都与子标题垂直对齐，而{{1 }}文章在横向分隔方面区分了标题和子标题。这就是我想要的，但似乎无法弄清楚该怎么做。

简而言之：如何在给定的标题和下方的子标题之间建立横向分隔，从而使左侧的目录变成右侧的目录？

这是我的包裹的broom： https://github.com/IndrajeetPatil/ggstatsplot/blob/master/_pkgdown.yml

Answer 1

以下CSS规则应可解决缩进问题。您可以将其添加到pkgdown/extra.css。

#tocnav ul ul {
    margin-left: 25px;
}

CSS在#tocnav下的任何嵌套列表中添加25px的左边距。根据需要调整边距大小。仅定位#tocnav是一种保守的方法，但是您的pkgdown网站中可能还有其他地方也需要此规则。