diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-28 20:28:59 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-28 20:37:53 +1100 |
| commit | 3c5144ece678063ba3cd9d96dce98b9479d4205c (patch) | |
| tree | d0e12fd82bbc6eab35fb1e6ad08260ff5a9db4c0 /src/components/TolTile.vue | |
| parent | 94a8ad9b067e5a2c442ce47ce72d1a53eb444160 (diff) | |
Adjust info and help modal styling
Fix minor typos in store.ts, App.vue, IconButton, etc
Diffstat (limited to 'src/components/TolTile.vue')
| -rw-r--r-- | src/components/TolTile.vue | 8 |
1 files changed, 5 insertions, 3 deletions
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); } |