Increase size of text selection handles to improve touch target size - SL #4141

Signed-off-by: Gary Martin <gary@garycmartin.com>
Acked-by: Manuel Quiñones <manuq@laptop.org>

4 files changed, 11 insertions, 11 deletions

diff --git a/gtk3/theme/assets/cursor-handle-bottom.svg b/gtk3/theme/assets/cursor-handle-bottom.svg
index 645edc9..fe049e4 100644
--- a/gtk3/theme/assets/cursor-handle-bottom.svg
+++ b/gtk3/theme/assets/cursor-handle-bottom.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="55" height="55" viewBox="0, 0, 55, 55">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="110" height="110" viewBox="0, 0, 110, 110">
   <g id="Layer 1">
     <g>
-      <path d="M48,22 L27,1 L27,46 L48,46 z" fill="#000000"/>
-      <path d="M44,24 L31,11 L31,42 L44,42 z" fill="#FFFFFF"/>
+      <path d="M83,29 L55,1 L55,60 L83,60 z" fill="#000000"/>
+      <path d="M78,31 L60,13 L60,55 L78,55 z" fill="#FFFFFF"/>
     </g>
   </g>
   <defs/>
diff --git a/gtk3/theme/assets/cursor-handle-insert.svg b/gtk3/theme/assets/cursor-handle-insert.svg
index 350fc61..1bcc86a 100644
--- a/gtk3/theme/assets/cursor-handle-insert.svg
+++ b/gtk3/theme/assets/cursor-handle-insert.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="55" height="55" viewBox="0, 0, 55, 55">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="110" height="110" viewBox="0, 0, 110, 110">
   <g id="Layer 1">
     <g>
-      <path d="M12,16 L27,1 L42,16 L42,46 L12,46 z" fill="#000000"/>
-      <path d="M16,18 L27,7 L38,18 L38,42 L16,42 z" fill="#FFFFFF"/>
+      <path d="M37,19 L55,1 L73,19 L73,60 L37,60 z" fill="#000000"/>
+      <path d="M42,21 L55,8 L68,21 L68,55 L42,55 z" fill="#FFFFFF"/>
     </g>
   </g>
   <defs/>
diff --git a/gtk3/theme/assets/cursor-handle-top.svg b/gtk3/theme/assets/cursor-handle-top.svg
index 19bfbf3..9d6bff2 100644
--- a/gtk3/theme/assets/cursor-handle-top.svg
+++ b/gtk3/theme/assets/cursor-handle-top.svg
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="55" height="55" viewBox="0, 0, 55, 55">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="110" height="110" viewBox="0, 0, 110, 110">
   <g id="Layer 1">
     <g>
-      <path d="M6,33 L27,54 L27,9 L6,9 z" fill="#000000"/>
-      <path d="M10,31 L23,44 L23,13 L10,13 z" fill="#FFFFFF"/>
+      <path d="M27,81 L55,109 L55,50 L27,50 z" fill="#000000"/>
+      <path d="M32,79 L50,97 L50,55 L32,55 z" fill="#FFFFFF"/>
     </g>
   </g>
   <defs/>
diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index 535a126..075836f 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -115,8 +115,8 @@ icon_large = icon_base * 5
     -GtkCheckButton-indicator-size: $radio_size;
     -GtkCheckButton-indicator-spacing: 3;
 
-    -GtkWidget-text-handle-width: 55px;
-    -GtkWidget-text-handle-height: 55px;
+    -GtkWidget-text-handle-width: 110px;
+    -GtkWidget-text-handle-height: 110px;
 }
 
 *:insensitive {