react-styleguidist - React Styleguidist のサイドバーの z-index をオーバーライドする方法

Question

z-index がより大きな値に設定されているコンポーネントがあります。左から右にスクロールすると1に設定されていても、コンポーネントはreact-styleguidistサイドバーにロードされます。styleguide.config.js による z-index のオーバーライドに関するドキュメントは見つかりませんでした。

Answer 1

styleguide.config.js で zIndex to sidebar プロパティを追加すると、問題が解決しました。構成ファイルの z-index をオーバーライドするために追加する必要があったスニペットを次に示します。

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

質問を入力しているときに、ヒットと試行の方法でこれを発見しました。