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である必要がないなら）しずかなインターネットでもやったほうがいい。

おわり