From 3c5144ece678063ba3cd9d96dce98b9479d4205c Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 28 Jan 2023 20:28:59 +1100
Subject: Adjust info and help modal styling

Fix minor typos in store.ts, App.vue, IconButton, etc
---
 src/components/TolTile.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/components/TolTile.vue')

diff --git a/src/components/TolTile.vue b/src/components/TolTile.vue
index 1f6e1d3..99aa4e1 100644
--- a/src/components/TolTile.vue
+++ b/src/components/TolTile.vue
@@ -32,7 +32,7 @@
 				<info-icon v-if="infoIconDisabled" :style="infoIconStyles" :class="infoIconClasses"
 					@click.stop="onInfoIconClick" @mousedown.stop @mouseup.stop/>
 			</div>
-			<transition name="fadein">
+			<transition name="fadeout">
 				<div v-if="inFlash" class="absolute w-full h-full top-0 left-0 rounded-[inherit] bg-amber-500/70 z-20"/>
 			</transition>
 		</div>
@@ -42,7 +42,7 @@
 			@leaf-click-held="onInnerLeafClickHeld" @nonleaf-click-held="onInnerNonleafClickHeld"
 			@info-click="onInnerInfoIconClick"/>
 	</div>
-	<transition name="fadein">
+	<transition name="fadeout">
 		<div v-if="inFlash" :style="{top: scrollOffset + 'px'}"
 			class="absolute w-full h-full left-0 rounded-[inherit] bg-amber-500/70"/>
 	</transition>
@@ -226,7 +226,9 @@ const pendingScrollHdlr = ref(0); // Used for throttling updating of scrollOffse
 function onScroll(): void {
 	if (pendingScrollHdlr.value == 0){
 		pendingScrollHdlr.value = setTimeout(() => {
-			scrollOffset.value = rootRef.value!.scrollTop;
+			if (rootRef.value != null){
+				scrollOffset.value = rootRef.value!.scrollTop;
+			}
 			pendingScrollHdlr.value = 0;
 		}, store.animationDelay);
 	}
-- 
cgit v1.2.3

