UserScript:新書モード

UserCSSでクラスを定義しておく　

code:style.css

.col-page.paperback {

max-width: 600px;

}

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'))})

}

})

UserScript.icon

UserCSS.icon

https://img.shields.io/badge/JavaScript-UserScript_新書モード-F7DF1E.svg?logo=javascript&style=for-the-badge