note用CSS
note色々やかましいのでCSSで静かにしたい。
使わないもの、見たくないものを非表示にしてすっきりさせる。
CSSを使用する際は自己責任で。
※自分の環境で動いたメモくらいの気持ちで載せています。全てのブラウザでの正常な動作の保証はしません。
CSS
通知を非表示
/* 通知を非表示 */
.o-navbarPrimary__navItem.svelte-josyw7:has(button.m-navbarNotifButton.svelte-181qbyy){
display: none;
}
通知アイコンを非表示にする。
/* Firefox用:通知を非表示 */
.o-navbarPrimary__navItem.svelte-josyw7:nth-child(1){
display: none;
}
Firefoxだと:has()文が使えないらしいので別表現。
スキを非表示
/* スキを非表示 */
.o-noteAction__like,
.o-noteLikeV3[data-v-737070c2]{
display: none;
}
記事のスキをスキ数ごと非表示にする。
感想欄非表示
/* 感想欄非表示 */
.o-commentArea__add.is-empty {
display: none;
}
記事の最後の方にある感想欄を非表示にする。使わないので。
フォローフォロワーの数を非表示
/* FF数を非表示 */
.m-followCounters {
display: none;
}
フォローフォロワーを非表示にする。
サポート欄非表示
/* サポート欄非表示 */
.o-supportAppeal {
display: none;
}
記事の最後の方にあるサポート欄を非表示にする。使わないので。
おすすめ記事を非表示
/* 他のクリエイターのおすすめ記事を非表示 */
aside.p-article__recommend {
display: none;
}
記事の最後の方の他のクリエイターのおすすめ記事を非表示にする。
メニューの一部を非表示
/* 「購入した記事」「スキした記事」「最近みた記事」+「ダッシュボード」と「取得したバッジ」を非表示 */
.m-menuGroup.svelte-2r0vac:nth-child(2),
.m-menuGroup.svelte-2r0vac:nth-child(3) {
display: none;
}
自分のアイコンをクリックすると出てくるメニューのうち、見たくないグループを非表示にする。
ところで
noteにCSS入れるくらいなら(+noteである必要がないなら)しずかなインターネットでもやったほうがいい。
おわり
この記事が気に入ったらサポートをしてみませんか?