diff --git a/ui/chess/css/_control.scss b/ui/chess/css/_control.scss index cb77956b5b..b8ae394b41 100644 --- a/ui/chess/css/_control.scss +++ b/ui/chess/css/_control.scss @@ -1,4 +1,5 @@ .analyse-controls { + @extend %double-tap; display: flex; justify-content: space-between; align-items: stretch; diff --git a/ui/common/css/abstract/_extends.scss b/ui/common/css/abstract/_extends.scss index 9d8c52397a..e55a63cc6a 100644 --- a/ui/common/css/abstract/_extends.scss +++ b/ui/common/css/abstract/_extends.scss @@ -248,3 +248,8 @@ width: 100%; height: 100%; } + +%double-tap { + // prevent iPad safari from zooming in on double tap + touch-action: manipulation; +} diff --git a/ui/common/css/form/_cmn-toggle.scss b/ui/common/css/form/_cmn-toggle.scss index 3065ae1c0c..fe2292c2d8 100644 --- a/ui/common/css/form/_cmn-toggle.scss +++ b/ui/common/css/form/_cmn-toggle.scss @@ -1,4 +1,5 @@ .cmn-toggle { + @extend %double-tap; position: absolute; margin-left: -99999px; } diff --git a/ui/round/css/_moves.scss b/ui/round/css/_moves.scss index 42ee81cc24..80e5e1fc57 100644 --- a/ui/round/css/_moves.scss +++ b/ui/round/css/_moves.scss @@ -11,7 +11,7 @@ } #{$rmoves-tag} { - @extend %flex-column; + @extend %flex-column, %double-tap; .buttons { @extend %box-shadow;