![見出し画像](https://assets.st-note.com/production/uploads/images/34953939/rectangle_large_type_2_ae5dd80017ec5e1ea057ce1f7d4103b4.jpeg?width=1200)
Photo by
39pater
Roam Research のコードブロックを等幅に、水平スクロールをいい感じにする
Roam Research を毎日使っているが、コードブロックがちょっと使いづらい。そこで以下のような css を追加して等幅表示にしてみた。あわせて水平スクロールも難しかったので設定を変えてみたところ少し良くなったのでメモ。
.CodeMirror .CodeMirror-code pre {
font-family: Menlo, monospace !important;
}
.CodeMirror-hscrollbar {
pointer-events: auto !important;
}
こうすると、これが
こうなる。
水平スクロールバーもフォーカスが当たりやすくなる。
補足:どうやら Windows の Chrome ではこんなことしなくても等幅になっているようだ。
この記事が気に入ったらサポートをしてみませんか?