t3-oss / init.tips

https://init.tips
MIT License
209 stars 19 forks source link

fix: cross browser behavior #20

Closed juliusmarminge closed 2 years ago

juliusmarminge commented 2 years ago

Closes #19

Fixed the hover state on all three major browsers. Still can't get the Clipboard icon to show on Safari but I'll keep digging on this a bit more.

Click handler is now working on all three browsers. Had to do some wacky stuff cause it seems like Tailwind for astro has some weird behavior... e.g. setting the opacity style attribute to 1 worked on chrome and firefox but not on safari, and setting the class to opacity-1 worked on safari but not on firefox or chrome... interesting to say the least.

Seems like the CSS output is causing the hover-state of the clipboard icon on safari to bug out, manually changing it in devtools make it show but I'll see if I can't find a fix for this too.

Here is the behavior for now: https://share.cleanshot.com/vNYH8U

vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
init-tips ✅ Ready (Inspect) Visit Preview Jul 7, 2022 at 10:14PM (UTC)