プレゼンモードをページめくりではなく縦スクロールにする
プレゼンモードをページめくりではなく、スクロールでやりたい場合がある
スマホ用のプレゼンモードを試作していて作った
こういうUserCSSを書けばできる
style.css.presentation .line {
display: block !important;
}
.presentation .section-title:not(:first-child) {
margin-top: 50vh;
} .presentation というcss classがReactの一番上のコンポーネントに付くので、それを使う display: block !important これはReactでstyleタグを作るにしくみが書かれている
ページ区切り
プレゼンモード内のページは内部的には
section と呼ばれているsectionのtitleには
.section-title というcss class nameが付く2つ目以降のsectionの上にmarginを付けて間を開けてみた