新書モード - daiiz

新書モード

新書スタイルで表示するPage Menu

ときどきこのスタイルで読んでる daiiz.icon*2

自分のページに以下のUserCSSを書いておく

masui.icon先生のスクボ本からCSSを拝借

code:style.css

.col-page.paperback {

max-width: 600px;

}

さらに以下のUserScriptを書く

code:script.js

scrapbox.PageMenu.addItem({

title: '📙新書モード',

onClick: () => {

const className = 'paperback'

const colPage = document.querySelector('.col-page')

colPage.classList.contains(className) ?

colPage.classList.remove(className) : colPage.classList.add(className)

// 関連ページカードの横幅を再計算させる

requestAnimationFrame(() => {dispatchEvent(new Event('resize'))})

}

})

トグルできる

Presentationモードと同じ仕組みで、classNameを付けたり消したりしている

https://gyazo.com/6a3d06a834b14860dc12dc2d05395266