Storybookを使っていてView Portをスマホ用にしたときに右端にスクロールバーが表示される
これを消したい
消し方はこちらの記事にまとめられていたので、これを参考にした
Chromeでは-webkit-scrollbar
をつければよいことがわかったので、あとはStorybookではどの要素につけるべきか調べたら.sb-show-main
につけるのが良さそうであることがわかった
globalにスタイルを定義したいので、preview-head.htmlを用意して次のように定義したら消えた
<style> .sb-show-main::-webkit-scrollbar { display: none; } </style>