如何覆盖 React Styleguidist 侧边栏的 z-index

Question

我有一个组件的 z-index 设置为较大的值。即使当我从左向右滚动时将其设置为 1，组件也会加载到 react-styleguidist 侧边栏上。我找不到任何关于通过 styleguide.config.js.

覆盖 z-index 的文档

Answer 1

在 styleguide.config.js 中将 zIndex 添加到边栏 属性 解决了我的问题。这是我需要添加以覆盖配置文件中的 z-index 的代码段。

module.exports = {
 styles: {
  StyleGuide: {
   sidebar: {
    zIndex: 3
   }
  }
 }
}

我在输入问题时通过命中和试用法发现了这一点。