From b04cab20afc8d0c95ecae592cb44494858a06f46 Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Wed, 26 Mar 2025 19:44:39 +0100
Subject: frontend: Temporarily fix [&.read] rule not being applied

We have yet to fully investigate why this happens, but a recent update
to some package broke the application of this rule. For now fall back to
applying it in Svelte's <style> block.
---
 frontend/src/lib/reader/PageView.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'frontend/src/lib/reader/PageView.svelte')

diff --git a/frontend/src/lib/reader/PageView.svelte b/frontend/src/lib/reader/PageView.svelte
index 4eb3d56..8e8cfc1 100644
--- a/frontend/src/lib/reader/PageView.svelte
+++ b/frontend/src/lib/reader/PageView.svelte
@@ -107,7 +107,7 @@
 				<button
 					type="button"
 					class:read={index <= lookup[reader.page]}
-					class="group/page relative grow [&.read]:bg-blue-600/60"
+					class="group/page relative grow"
 					onclick={() => reader.open(chunk.index)}
 					aria-label={`Open page ${chunk.index}`}
 				>
@@ -129,8 +129,14 @@
 	{/each}
 </div>
 
-<style>
+<style lang="postcss">
+	@reference "tailwindcss/theme";
+
 	.reverse {
 		flex-direction: row-reverse;
 	}
+
+	button.read {
+		@apply bg-blue-600/60;
+	}
 </style>
-- 
cgit v1.2.3-2-gb3c3

