matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Allow tapping on tippy triggers on mobile

Browse source
This commit is contained in:
Jon Staab 2025-07-31 10:25:55 -07:00
parent 0a5bc618c2
commit 0cc0598287
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app.css
View file

@ -160,11 +160,11 @@
} }
.card2 { .card2 {
@apply rounded-box p-6 text-base-content; @apply rounded-box p-4 text-base-content sm:p-6;
} }
.card2.card2-sm { .card2.card2-sm {
@apply p-4 text-base-content; @apply p-2 text-base-content sm:p-4;
} }
.column { .column {

2
src/lib/components/Tippy.svelte
View file

@ -3,6 +3,7 @@
import tippy from "tippy.js" import tippy from "tippy.js"
import {onMount, mount} from "svelte" import {onMount, mount} from "svelte"
import {isMobile} from "@lib/html"
let { let {
component, component,
@ -23,6 +24,7 @@
content: target, content: target,
animation: "shift-away", animation: "shift-away",
appendTo: document.querySelector(".tippy-target")!, appendTo: document.querySelector(".tippy-target")!,
trigger: isMobile ? "click" : "mouseenter focus",
...params, ...params,
}) })