✅ScrapBubbleにUserCSS機能を入れる
takker99/ScrapBubble
のCSSをカスタマイズできるようにする
現状
ScrapboxのUserCSS
ではScrapBubbleの要素にCSSをあてられない
これは
Shadow DOM
を使って隔離しているのが原因
takker.icon
Scrapbox側のCSSの変更やuserが独自に入れたCSSの影響を受けないというメリットがある一方、外からCSSを一切変更できないというデメリットもある
どうするか
CSSファイルを外部から設定できるようにする
optionで指定したURLを
link rel="stylesheet"
でShadow DOM中で読み込む
2022-10-29
15:40:15
detectURL
のロジックがミスっていたので、修正した
ついでにUserCSSをcomponentとして切り出した
https://github.com/takker99/ScrapBubble/pull/66
2022-06-20
17:37:42
merged
関連
⬜takker99/ScrapBubbleのスタイル整理
#2022-10-29
15:40:51
#2022-06-20
17:20:18
#2021-12-14
20:28:27