カードを付箋風に表示する
Fusen Viewと名付けた
大量のカードを俯瞰したいときがあるので切り替えれるようにした
アイデアの素を脳内でとりあえず組み合わせていきたいときに便利
かつてアナログではnu boardとポストイットを組み合わせて同じようなことをやっていた
サンプル
https://gyazo.com/3b5fc984b0622136eed609c91ab0da75
コード
code:script.js
scrapbox.PageMenu.addItem({
title: 'Fusen View',
onClick: (e) => {
var style = document.getElementById('fusen')
if (style) { style.remove(); e.currentTarget.innerText = 'Fusen View'; return }
else e.currentTarget.innerText = String.fromCharCode(0x02713) + ' Fusen View'
var css = .page-list-item, .related-page-list .grid li.relation-label {height: 80px !important;} +
'.grid li.page-list-item a{background: linear-gradient(69deg, #53bcd4, #46c3be) !important;}'+
'.grid li.page-list-item a .header{border-top:unset !important;}'+
'.grid li.page-list-item a:after{ position: absolute; content: ""; bottom: 12px; right: 10px; width: 88%; top: 80%; -webkit-box-shadow: 0 15px 10px #77777785; mix-blend-mode: color-burn;}'+
'.page-list-item .description, .page-list-item .icon {display:none !important;}'
style = document.createElement('style')
style.setAttribute('id', 'fusen')
style.appendChild(document.createTextNode(css))
document.head.appendChild(style)
}
})
/scrasobox/禅モード (Zen mode)のjsを参考にさせていただいてます
importでも問題なく使えるはずです
しかし落ち着くデザインは人によって異なるはず
https://gyazo.com/0e82581fc62389824455e2ffa0fba14e
今後
本文テキストはともかく、代表画像が見れないと辛い時もある
なんとかしたい
マウスオーバーで表示とか？
ページリスト画面から切り替えれないのがイヤ
独自ボタンを配置する？
UserScript
scrapbox