fix: animation bug when enlarging day that is also present as outside…

…r date of adjacent calendar page
justinrubek · Sep 19, 2021 · 43199af · 43199af
1 parent fd7ea11
commit 43199af
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 4 deletions.
diff --git a/src/lib/components/calendar/DayPicker.svelte b/src/lib/components/calendar/DayPicker.svelte
@@ -81,7 +81,7 @@
 			>
 				<Grid template="repeat(6, 1fr) / repeat(7, 1fr)">
 					{#each days as day, i (day)}
-						{#if !$store.enlargeDay || !dayjs(day.date).isSame($store.selected, 'day')}
+						{#if !$store.enlargeDay || index !== monthIndex || !dayjs(day.date).isSame($store.selected)}
 							<a
 								href="#pickday"
 								on:keydown|preventDefault

diff --git a/src/lib/components/generic/InfiniteGrid.svelte b/src/lib/components/generic/InfiniteGrid.svelte
@@ -19,7 +19,7 @@
 	export const visibleData = derived(
 		[dim, offset],
 		([{ w, h }, $o]) => {
-			if (!w || !h) return [];
+			if (!w || !h || !intiailized) return [];
 			const cellHeight = h / cellCount;
 			const start = Math.max(-1, Math.floor((-1 * $o) / cellHeight) - 1);
 			const baseOffset = $o % cellHeight;

diff --git a/src/lib/docs/NavBarItem.svelte b/src/lib/docs/NavBarItem.svelte
@@ -6,7 +6,7 @@
 	const page = getContext('navbar');
 	const dispatch = createEventDispatcher();
 
-	export let href;
+	export let href = '';
 	export let isActive = (path) => `${base}${path}` === href;
 
 	const click = (evt) => dispatch('click', evt);

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
@@ -48,7 +48,6 @@
 		display: grid;
 		grid-template: 1fr / 1fr;
 		text-align: left;
-		/* background: #0f0b0c; */
 		background: var(--sc-theme-calendar-colors-background-highlight);
 		margin: 0;
 		grid-column: 1;