github-corners icon indicating copy to clipboard operation
github-corners copied to clipboard

Published 20 hours ago • verified publisher icon tholman

The hitbox for the link is a square, not a triangle

Open ChildishGiant opened this issue 8 years ago • 3 comments

image

image

ChildishGiant avatar Sep 18 '17 02:09 ChildishGiant

I can confirm this with https://chingu-coders.github.io/owl-24/. I'm going to look in the code to see if I can do anything (might not be able to do anything, since I am pretty new with JS)

thatrobotdev avatar Sep 22 '17 18:09 thatrobotdev

Ok I think I can pinpoint this issue down to this line of code: <svg width="80" height="80" This is definitely where the hitbox oversteps.

thatrobotdev avatar Sep 22 '17 18:09 thatrobotdev

https://nntin.github.io/discord-logo/

I've come up with a solution but it is not an elegant one. I applied the link to the path element that has the shape of a triangle. Disabled pointer events on the svg element and re-enabled pointer events on the triangle.

06.01.2018 - edit: https://jsfiddle.net/hgjrrt5k/

NNTin avatar Nov 17 '17 02:11 NNTin