pointer area dilation for Generation controls in graphs, #192

phetsims · Sep 1, 2020 · 767ebf6 · 767ebf6
1 parent 27b651f
commit 767ebf6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/js/common/NaturalSelectionConstants.js b/js/common/NaturalSelectionConstants.js
@@ -58,7 +58,9 @@ const NaturalSelectionConstants = {
     xMargin: 6,
     yMargin: 4,
     touchAreaXDilation: 10,
-    touchAreaYDilation: 6
+    touchAreaYDilation: 6,
+    mouseAreaXDilation: 5,
+    mouseAreaYDilation: 3
   },
 
   // Checkbox

diff --git a/js/common/view/proportions/ProportionsGenerationSpinner.js b/js/common/view/proportions/ProportionsGenerationSpinner.js
@@ -30,6 +30,10 @@ class ProportionsGenerationSpinner extends NumberSpinner {
       // NumberSpinner options
       xSpacing: 10,
       arrowsPosition: 'leftRight',
+      touchAreaXDilation: 20,
+      touchAreaYDilation: 10,
+      mouseAreaXDilation: 10,
+      mouseAreaYDilation: 5,
       numberDisplayOptions: {
         valuePattern: naturalSelectionStrings.generationValue,
         align: 'center',