Fix invisible icon on the Cast as audiobook button (v1.13.10)

A leftover rule colored the icon accent-blue from when this button
was still .btn-secondary (accent icon on a white background). After
making it the primary blue button in the last release, that same blue
rendered blue-on-blue against the button's own background - invisible.
Confirmed via computed style before/after (blue -> white) rather than
guessing from the screenshot alone.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
mARTin-B78 2026-07-06 15:16:25 +02:00
parent 6a9c827ec9
commit f2bdd98a4f
4 changed files with 11 additions and 5 deletions

View File

@ -9,6 +9,13 @@ Follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) · versioned wi
--- ---
## [1.13.10] — 2026-07-06
### Fixed
- **"Cast as audiobook" icon was invisible** — a leftover rule colored its icon accent-blue from when the button was still the plain/secondary style; after making it the primary blue button, that same blue-on-blue rendered the icon invisible against the button's own background.
---
## [1.13.9] — 2026-07-06 ## [1.13.9] — 2026-07-06
### Changed ### Changed

View File

@ -1 +1 @@
1.13.9 1.13.10

View File

@ -10,7 +10,7 @@
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
<meta name="color-scheme" content="light dark"> <meta name="color-scheme" content="light dark">
<meta name="theme-color" content="#2563EB"> <meta name="theme-color" content="#2563EB">
<meta name="app-version" content="1.13.9"> <meta name="app-version" content="1.13.10">
<link rel="manifest" href="/manifest.webmanifest"> <link rel="manifest" href="/manifest.webmanifest">
<link rel="icon" href="/static/icon.svg" type="image/svg+xml"> <link rel="icon" href="/static/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/static/icon.svg"> <link rel="apple-touch-icon" href="/static/icon.svg">
@ -27,7 +27,7 @@
<!-- ── Core styles (local — no CDN dependency for first paint) ────────── --> <!-- ── Core styles (local — no CDN dependency for first paint) ────────── -->
<link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css"> <link rel="stylesheet" href="/static/vendor/mdi/materialdesignicons.min.css">
<link rel="stylesheet" href="/static/style.css?v=1.13.9"> <link rel="stylesheet" href="/static/style.css?v=1.13.10">
<!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── --> <!-- ── Flag icons — non-blocking (loaded async, icons appear after JS) ── -->
@ -365,7 +365,7 @@ window.toggleNavTree = function(treeId, chevronId) {
</script> </script>
<!-- loader.js: fetches sections → loads JS modules → removes skeleton --> <!-- loader.js: fetches sections → loads JS modules → removes skeleton -->
<script src="/static/loader.js?v=1.13.9"></script> <script src="/static/loader.js?v=1.13.10"></script>
</body> </body>
</html> </html>

View File

@ -5087,7 +5087,6 @@ code { background: var(--panel); border-radius: 4px; padding: 1px 5px; font-fami
.reader-sel-hint { font-size: 12px; color: var(--subtext); } .reader-sel-hint { font-size: 12px; color: var(--subtext); }
.reader-sel-hint b { color: var(--accent); } .reader-sel-hint b { color: var(--accent); }
.reader-export { display: inline-flex; align-items: center; gap: 6px; } .reader-export { display: inline-flex; align-items: center; gap: 6px; }
#reader-audiobook-btn .mdi { color: var(--accent); }
/* Audiobook live casting — floating, non-blocking, minimisable panel */ /* Audiobook live casting — floating, non-blocking, minimisable panel */
.ab-castpanel { .ab-castpanel {