diff --git a/package.json b/package.json index 10cdcd3f..160e97d9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "homepage", - "version": "1.67.0", + "version": "1.67.1", "private": true, "type": "module", "scripts": { diff --git a/src/lib/components/faith/AngelusStreakCounter.svelte b/src/lib/components/faith/AngelusStreakCounter.svelte index d18f55ce..14b21a73 100644 --- a/src/lib/components/faith/AngelusStreakCounter.svelte +++ b/src/lib/components/faith/AngelusStreakCounter.svelte @@ -2,6 +2,7 @@ import { browser } from '$app/environment'; import { getAngelusStreak, getCurrentTimeSlot, type TimeSlot } from '$lib/stores/angelusStreak.svelte'; import StreakAura from '$lib/components/faith/StreakAura.svelte'; +import StreakInfoButton from '$lib/components/faith/StreakInfoButton.svelte'; import Coffee from '@lucide/svelte/icons/coffee'; import Sun from '@lucide/svelte/icons/sun'; import Moon from '@lucide/svelte/icons/moon'; @@ -91,6 +92,7 @@ async function pray() {
+
@@ -146,6 +148,8 @@ async function pray() { border-radius: 12px; width: fit-content; margin: 1.5rem auto; + /* Anchor for the absolute-positioned StreakInfoButton pip */ + position: relative; } .streak-display { diff --git a/src/lib/components/faith/StreakCounter.svelte b/src/lib/components/faith/StreakCounter.svelte index 5baeb6ca..a604e3e4 100644 --- a/src/lib/components/faith/StreakCounter.svelte +++ b/src/lib/components/faith/StreakCounter.svelte @@ -2,6 +2,7 @@ import { browser } from '$app/environment'; import { getRosaryStreak } from '$lib/stores/rosaryStreak.svelte'; import StreakAura from '$lib/components/faith/StreakAura.svelte'; +import StreakInfoButton from '$lib/components/faith/StreakInfoButton.svelte'; import { m, type FaithLang } from '$lib/js/faithI18n'; import { tick, onMount } from 'svelte'; @@ -42,6 +43,7 @@ async function pray() {
+
{dayLabel} @@ -72,6 +74,8 @@ async function pray() { background: var(--nord1); border-radius: 12px; width: fit-content; + /* Anchor for the absolute-positioned StreakInfoButton pip */ + position: relative; } @media (prefers-color-scheme: light) { diff --git a/src/lib/components/faith/StreakInfoButton.svelte b/src/lib/components/faith/StreakInfoButton.svelte new file mode 100644 index 00000000..ea282596 --- /dev/null +++ b/src/lib/components/faith/StreakInfoButton.svelte @@ -0,0 +1,202 @@ + + + + + + +{#if open} + +{/if} + +