From dee83496e9dddd27bbc1e88fb848067e3e39e9a8 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 8 Jan 2024 13:49:09 -0800
Subject: feat(schedule): move crunchyroll to card above

---
 src/lib/Styles/card.css                   |  2 ++
 src/lib/Tools/Schedule/Crunchyroll.svelte |  6 ++----
 src/lib/Tools/Schedule/Tool.svelte        | 17 +++++++++++++----
 3 files changed, 17 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/lib/Styles/card.css b/src/lib/Styles/card.css
index 3f6049fa..b0e0bcf8 100644
--- a/src/lib/Styles/card.css
+++ b/src/lib/Styles/card.css
@@ -28,6 +28,8 @@ details,
 
 .card-clear {
 	background-color: transparent;
+	box-shadow: none;
+	padding: 0;
 }
 
 .card-centered {
diff --git a/src/lib/Tools/Schedule/Crunchyroll.svelte b/src/lib/Tools/Schedule/Crunchyroll.svelte
index 1ea9b870..68a73202 100644
--- a/src/lib/Tools/Schedule/Crunchyroll.svelte
+++ b/src/lib/Tools/Schedule/Crunchyroll.svelte
@@ -42,10 +42,6 @@
 	};
 </script>
 
-<p />
-
-<p>Crunchyroll Release Calender</p>
-
 <div id="list-container" style={`column-count: ${columnCount};`}>
 	{#each Object.values(days) as day}
 		{@const date = new Date(day[0].year, day[0].month - 1, day[0].day)}
@@ -77,6 +73,8 @@
 				{/each}
 			</ol>
 		</details>
+
+		<p />
 	</div>
 
 	<div class="card day">
diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte
index 479d5b4a..56c02b1c 100644
--- a/src/lib/Tools/Schedule/Tool.svelte
+++ b/src/lib/Tools/Schedule/Tool.svelte
@@ -31,6 +31,7 @@
 		Intl.DateTimeFormat().resolvedOptions().timeZone
 	);
 	let day: string | null = parseOrDefault(urlParameters, 'day', null);
+	let crunchyrollExpanded = false;
 
 	onMount(async () => {
 		subsPleasePromise = fetch(`/api/subsplease?tz=${timeZone}`).then((r) => r.json());
@@ -109,6 +110,18 @@
 	</select>
 </blockquote>
 
+<details bind:open={crunchyrollExpanded}>
+	<summary
+		>Crunchyroll Release Calender (Click to {crunchyrollExpanded ? 'collapse' : 'expand'})</summary
+	>
+
+	<p />
+
+	<Crunchyroll />
+</details>
+
+<p />
+
 {#await subsPleasePromise}
 	<Loading type="subtitle release data" percent={49.5} />
 {:then subsPlease}
@@ -202,10 +215,6 @@
 	<Error type="Schedule" loginSessionError={false} card />
 {/await}
 
-<p />
-
-<Crunchyroll />
-
 <HoverCover options={hoverCoverState} width={300} />
 
 <style>
-- 
cgit v1.2.3