ScrapboxのDOM変更への対応(2023-06-12)
変更内容
<div class='page'>を
<main class='page' aria-label='Page Menu'>に変更
<div class='col-page-side'>を
<aside class='col-page-side' aria-label='Page Menu'>に変更
<div class='related-page-list'>を
<section class='related-page-list' aria-label='Related Page List'>に変更
HTMLのタグ名が置き換わります
DOMの構造は変化しません
div.page
.pageもしくはmain.pageに変更してください
div.col-page-side
.col-page-sideもしくはaside.col-page-sideに変更してください
div.related-page-list
.related-page-listもしくはsection.related-page-listに変更してください
ってわけでざっくり対応するMijinko_SD.icon
セレクタの置換表
あくまで変更前と変更後の両方に対応できるようにする
$ div.page
$ .page:is(div, main)
$ div.col-page-side
$ .col-page-side:is(div, aside)
$ div.related-page-list
$ .related-page-list:is(div, section)
無題
改めて利用頻度の高いUserCSSを調査した結果、Scrapbox側の変更に弱い書き方が目立った
変更に強いCSSを書くtipsを共有する為にお知らせした
詳細度の都合上、こう書かなければならない側面がある .col-page-sideみたいな書き方だと、app.cssの詳細度に負けて適用されないことが多々ある っていうのを要望に書いておくべきなのか
どうせ/shokai/shokai.icon氏は大して反応してないし、聞くだけの余裕は開発側にないだろうから、書くだけ無駄だと思うが