fix mobile tap to open links with touchend and CSS
This commit is contained in:
parent
ad93f47e00
commit
0817d6a367
2 changed files with 6 additions and 0 deletions
|
|
@ -113,6 +113,7 @@ function TetrisPiece({ piece, isDark }) {
|
||||||
onMouseEnter={handleMouseEnter}
|
onMouseEnter={handleMouseEnter}
|
||||||
onMouseLeave={handleMouseLeave}
|
onMouseLeave={handleMouseLeave}
|
||||||
onClick={handleClick}
|
onClick={handleClick}
|
||||||
|
onTouchEnd={handleClick}
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={piece.link}
|
href={piece.link}
|
||||||
|
|
|
||||||
|
|
@ -24,6 +24,11 @@
|
||||||
|
|
||||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||||
|
|
||||||
|
.tetris-piece, .tetris-piece * {
|
||||||
|
touch-action: manipulation;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue