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(-)
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