Skip to content

Commit dfdd461

Browse files
committed
☹️
1 parent d166d00 commit dfdd461

File tree

1 file changed

+16
-2
lines changed

1 file changed

+16
-2
lines changed

src/components/blueprintSettingsDialog.svelte

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -347,6 +347,13 @@
347347
localStorage.setItem('animated_java_settings_support_me_popup', 'false')
348348
showSupportMePopup = false
349349
}
350+
351+
function hoverCloseButton(e: MouseEvent) {
352+
;(e.target as HTMLElement).textContent = 'sentiment_sad'
353+
}
354+
function leaveCloseButton(e: MouseEvent) {
355+
;(e.target as HTMLElement).textContent = 'close'
356+
}
350357
</script>
351358

352359
<div>
@@ -616,7 +623,14 @@
616623
<img class="heart" src={HeartIcon} alt="❤️" />
617624
<span>Animated Java?</span>
618625
<!-- svelte-ignore a11y-click-events-have-key-events -->
619-
<i class="material-icons icon" on:click={clickSupportMeXButton}>close</i>
626+
<i
627+
class="material-icons icon"
628+
on:click={clickSupportMeXButton}
629+
on:mouseenter={hoverCloseButton}
630+
on:mouseleave={leaveCloseButton}
631+
>
632+
close
633+
</i>
620634
</div>
621635
<a href="https://ko-fi.com/snavesutit" class="ko-fi-button">
622636
<img src={KoFiImage} alt="" />
@@ -629,14 +643,14 @@
629643
<style>
630644
i {
631645
cursor: pointer;
646+
height: fit-content;
632647
transition:
633648
transform 0.2s ease 0s,
634649
color 0.2s ease 0s;
635650
text-shadow: 1.5px 1.5px 0px rgba(0, 0, 0, 0.25);
636651
}
637652
i:hover {
638653
transform: scale(1.25);
639-
color: var(--color-error);
640654
}
641655
642656
.ko-fi-popup-container {

0 commit comments

Comments
 (0)