diff options
| author | Wolfgang Müller | 2025-03-26 19:44:39 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-03-26 19:44:39 +0100 |
| commit | b04cab20afc8d0c95ecae592cb44494858a06f46 (patch) | |
| tree | 09b68e9649e3543f9d746e78796388d278c347b1 | |
| parent | 6d726ccfb3c370f508cedcb86e67f5b797a228e7 (diff) | |
| download | hircine-b04cab20afc8d0c95ecae592cb44494858a06f46.tar.gz | |
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.
| -rw-r--r-- | frontend/src/lib/reader/PageView.svelte | 10 |
1 files 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> |