From 6559b417347c88d619829d7aec951cef75cf8b47 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 25 Dec 2020 20:11:46 +0100
Subject: [PATCH] Put a transition:fade on the spinner

---
 ts/graphs/GraphsPage.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ts/graphs/GraphsPage.svelte b/ts/graphs/GraphsPage.svelte
index fa5df600a..666ed065e 100644
--- a/ts/graphs/GraphsPage.svelte
+++ b/ts/graphs/GraphsPage.svelte
@@ -3,6 +3,7 @@
 </script>
 
 <script lang="typescript">
+    import { fade } from 'svelte/transition';
     import type { I18n } from "anki/i18n";
     import type pb from "anki/backend_proto";
     import { getGraphData, RevlogRange } from "./graph-helpers";
@@ -127,7 +128,7 @@
 {/if}
 
 {#await dataPromise}
-    <div class="spin">◐</div>
+    <div class="spin" transition:fade="{{duration=50}}">◐</div>
 {:then sourceData}
     <div tabindex="-1" class="no-focus-outline">
         {#each graphs as Graph}