响应式网站导航改进

导航栏工具

现在,导航栏可以显示一组工具(例如社交操作、GitHub查看或编辑操作等),请参阅导航栏工具

响应式导航栏

我们更新了导航栏的响应式行为,以提高移动设备上Quarto网站的可用性。更改包括:

  • 当导航栏中的项目折叠成菜单时,我们将控制菜单的“汉堡”按钮移到了导航栏的右侧。这使得在移动设备上更容易访问菜单。

  • 当导航栏中的项目折叠成菜单时,我们将搜索图标放置在导航栏的右侧(而不是放置在折叠的菜单中)。这使得搜索功能始终可用,即使在屏幕较小的情况下也是如此。

移动设备尺寸的Quarto导航栏顶部部分。

响应式侧边栏

我们更新了侧边栏的响应式行为,以提高移动设备上Quarto网站的可用性。更改包括:

  • 折叠的侧边栏现在显示为一个垂直较小的带状区域,左侧包含一个“侧边栏”图标。点击此图标将展开侧边栏至全宽。此外,此折叠视图还包括当前页面的“面包屑”,允许简单地向上导航层次结构。

  • 当侧边栏显示时,它将从屏幕侧边动画展开。

移动设备尺寸的Quarto导航栏顶部部分,侧边栏完全展开,显示侧边栏菜单。