From a3366a65130f5721a47b067bd30cc53f1c8b1297 Mon Sep 17 00:00:00 2001 From: Neeldhara Misra Date: Wed, 24 Jun 2026 02:17:20 +0530 Subject: [PATCH] Hide Coral floating notification controls --- README.md | 11 +++++++++++ sites/art/public/coral-transparent.css | 6 ++++++ sites/poetry/public/coral-transparent.css | 6 ++++++ sites/puzzles/public/coral-transparent.css | 6 ++++++ sites/reflections/public/coral-transparent.css | 6 ++++++ sites/research/public/coral-transparent.css | 6 ++++++ sites/reviews/public/coral-transparent.css | 6 ++++++ sites/vibes/public/coral-transparent.css | 6 ++++++ 8 files changed, 53 insertions(+) diff --git a/README.md b/README.md index 1bed87a..f581e73 100644 --- a/README.md +++ b/README.md @@ -50,6 +50,17 @@ npm run build --prefix sites/research Deployment is via Forgejo + Dokploy. See [DEPLOYMENT.md](./DEPLOYMENT.md). +## Coral Comments + +Post pages embed Coral with `customCSSURL: "/coral-transparent.css"`. Each +site keeps its own copy at `sites//public/coral-transparent.css`. + +That CSS is the durable customization point for Coral UI changes: it is served +by the blog site and loaded by Coral at runtime, so it survives Coral container +rebuilds and image upgrades. It currently makes the embed background +transparent, hides the redundant single "Comments" tab, and suppresses Coral's +fixed-position floating notification bell so it cannot drift over article text. + ## Obsidian Content Bridge The seven blog content folders are synced from the public Obsidian vault. See diff --git a/sites/art/public/coral-transparent.css b/sites/art/public/coral-transparent.css index 3b9edad..7bc6145 100644 --- a/sites/art/public/coral-transparent.css +++ b/sites/art/public/coral-transparent.css @@ -16,3 +16,9 @@ #coral:has(nav[aria-label="Main Tablist"]:not(:has([role="tab"] ~ [role="tab"])):not(:has(button ~ button)):not(:has(a ~ a)):not(:has(li ~ li))) [class*="App-tabContent"] { padding-top: 0 !important; } + +#coral [class*="FloatingNotificationButton-root"], +#coral [class*="MobileNotificationButton-"], +#coral [class*="TabBar-notificationsTab"] { + display: none !important; +} diff --git a/sites/poetry/public/coral-transparent.css b/sites/poetry/public/coral-transparent.css index 3b9edad..7bc6145 100644 --- a/sites/poetry/public/coral-transparent.css +++ b/sites/poetry/public/coral-transparent.css @@ -16,3 +16,9 @@ #coral:has(nav[aria-label="Main Tablist"]:not(:has([role="tab"] ~ [role="tab"])):not(:has(button ~ button)):not(:has(a ~ a)):not(:has(li ~ li))) [class*="App-tabContent"] { padding-top: 0 !important; } + +#coral [class*="FloatingNotificationButton-root"], +#coral [class*="MobileNotificationButton-"], +#coral [class*="TabBar-notificationsTab"] { + display: none !important; +} diff --git a/sites/puzzles/public/coral-transparent.css b/sites/puzzles/public/coral-transparent.css index 3b9edad..7bc6145 100644 --- a/sites/puzzles/public/coral-transparent.css +++ b/sites/puzzles/public/coral-transparent.css @@ -16,3 +16,9 @@ #coral:has(nav[aria-label="Main Tablist"]:not(:has([role="tab"] ~ [role="tab"])):not(:has(button ~ button)):not(:has(a ~ a)):not(:has(li ~ li))) [class*="App-tabContent"] { padding-top: 0 !important; } + +#coral [class*="FloatingNotificationButton-root"], +#coral [class*="MobileNotificationButton-"], +#coral [class*="TabBar-notificationsTab"] { + display: none !important; +} diff --git a/sites/reflections/public/coral-transparent.css b/sites/reflections/public/coral-transparent.css index 3b9edad..7bc6145 100644 --- a/sites/reflections/public/coral-transparent.css +++ b/sites/reflections/public/coral-transparent.css @@ -16,3 +16,9 @@ #coral:has(nav[aria-label="Main Tablist"]:not(:has([role="tab"] ~ [role="tab"])):not(:has(button ~ button)):not(:has(a ~ a)):not(:has(li ~ li))) [class*="App-tabContent"] { padding-top: 0 !important; } + +#coral [class*="FloatingNotificationButton-root"], +#coral [class*="MobileNotificationButton-"], +#coral [class*="TabBar-notificationsTab"] { + display: none !important; +} diff --git a/sites/research/public/coral-transparent.css b/sites/research/public/coral-transparent.css index 3b9edad..7bc6145 100644 --- a/sites/research/public/coral-transparent.css +++ b/sites/research/public/coral-transparent.css @@ -16,3 +16,9 @@ #coral:has(nav[aria-label="Main Tablist"]:not(:has([role="tab"] ~ [role="tab"])):not(:has(button ~ button)):not(:has(a ~ a)):not(:has(li ~ li))) [class*="App-tabContent"] { padding-top: 0 !important; } + +#coral [class*="FloatingNotificationButton-root"], +#coral [class*="MobileNotificationButton-"], +#coral [class*="TabBar-notificationsTab"] { + display: none !important; +} diff --git a/sites/reviews/public/coral-transparent.css b/sites/reviews/public/coral-transparent.css index 3b9edad..7bc6145 100644 --- a/sites/reviews/public/coral-transparent.css +++ b/sites/reviews/public/coral-transparent.css @@ -16,3 +16,9 @@ #coral:has(nav[aria-label="Main Tablist"]:not(:has([role="tab"] ~ [role="tab"])):not(:has(button ~ button)):not(:has(a ~ a)):not(:has(li ~ li))) [class*="App-tabContent"] { padding-top: 0 !important; } + +#coral [class*="FloatingNotificationButton-root"], +#coral [class*="MobileNotificationButton-"], +#coral [class*="TabBar-notificationsTab"] { + display: none !important; +} diff --git a/sites/vibes/public/coral-transparent.css b/sites/vibes/public/coral-transparent.css index 3b9edad..7bc6145 100644 --- a/sites/vibes/public/coral-transparent.css +++ b/sites/vibes/public/coral-transparent.css @@ -16,3 +16,9 @@ #coral:has(nav[aria-label="Main Tablist"]:not(:has([role="tab"] ~ [role="tab"])):not(:has(button ~ button)):not(:has(a ~ a)):not(:has(li ~ li))) [class*="App-tabContent"] { padding-top: 0 !important; } + +#coral [class*="FloatingNotificationButton-root"], +#coral [class*="MobileNotificationButton-"], +#coral [class*="TabBar-notificationsTab"] { + display: none !important; +}