zpět na technikálie

Stylus + CSS: trik, jak v Notionu skrýt číslo nepřečtených upozornění

V Notionu jedu roky. Jedna věc mě poslední dobou stresovala: počet notifikací o nepřečtených zprávách, vyvedený v bílém písmě na červeném podkladě. V nastavení notifikací nejde vypnout. 😩 To číslo nechci ze dvou důvodů:

Rukou kreslené schéma na papíře zachycuje  notifikační zvonek a puzzle dílek symbolizující CSS úpravu. Vlevo nahoře červeně přeškrtnutý kroužek jako zakázaný prvek. Blok drží ruka, v pozadí modré nebe a stromy.

Datum poslední změny: 1. 6. 2026

  • Nepotřebuju vidět rostoucí číslo v průběhu dne. Stresuje mě.
  • Když si například zvyknul na svítící trojku, čtyřka ve mě probouzela zvědavost. Ta vede ke kliknutí a opuštění aktuálního úkolu. Nebo reaktivním reakcím na něco, co by mělo být na minutu a ve výsledku je na půl hodiny.

Tak jsem to obešel:

  • Nainstaloval jsem si rozšíření prohlížeče Stylus (pro Chrome a jeho odvozeniny; používám Vivaldi, díky za optání).
  • Přes CSS nastavil bílé barvě textu červenou barvu pozadí.
[id^="sidebar-tab"] span[style*="position: absolute"] {
  color: #e56458 !important;
}

Výsledek? Červená tečka. Tu jsem si nechal. Říká mi: máš nové upozornění. Večer, nebo když chci, si je otevřu a vyřídím je. Už mě ale neděsí.

Je to nejlepší možné řešení? Určitě ne. Efektivní to ale bylo určitě - celé to zabralo asi tak čtvrt hodinu. A bude to fungovat tak dlouho, dokud Notion nezmění id v html. !important mi tady snad odpustíte (přeje jen je to záplata, ne řešení). 😊

WordPressito

Měsíční newsletter pro majitele webů, kteří chtějí, aby jejich WordPress spolehlivě fungoval.

Dozvíš se:

🔌 Tipy na užitečné pluginy a nástroje.
🆕 Novinky z WordPress světa.
💡 Praktické návody a rady.

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram