Improve graphics for the text selection handles - SL #4032

Correct 55x55 unit sized svg touch handles and insertion point assets,
and updated .css for 55x55 size.

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

4 files changed, 29 insertions, 197 deletions

diff --git a/gtk3/theme/assets/cursor-handle-bottom.svg b/gtk3/theme/assets/cursor-handle-bottom.svg
index cfb3a8c..645edc9 100644
--- a/gtk3/theme/assets/cursor-handle-bottom.svg
+++ b/gtk3/theme/assets/cursor-handle-bottom.svg
@@ -1,67 +1,11 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="84"
-   height="84"
-   id="svg3901"
-   version="1.1"
-   inkscape:version="0.48.2 r9819"
-   sodipodi:docname="anchor-right.svg">
-  <defs
-     id="defs3903" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.852344"
-     inkscape:cx="-7.2442472"
-     inkscape:cy="56.432303"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1024"
-     inkscape:window-height="541"
-     inkscape:window-x="0"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:snap-global="false" />
-  <metadata
-     id="metadata3906">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Capa 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-138.0625,17.6875)">
-    <path
-       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:6.99885273;stroke-miterlimit:4;stroke-opacity:1"
-       d="m 218.56307,27.757169 -35.00114,-36.6173334 0,71.6659194 35.00114,0 z"
-       id="rect3098"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
+<?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">
+  <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"/>
+    </g>
   </g>
+  <defs/>
 </svg>
diff --git a/gtk3/theme/assets/cursor-handle-insert.svg b/gtk3/theme/assets/cursor-handle-insert.svg
index adc5b7a..350fc61 100644
--- a/gtk3/theme/assets/cursor-handle-insert.svg
+++ b/gtk3/theme/assets/cursor-handle-insert.svg
@@ -1,67 +1,11 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="84"
-   height="84"
-   id="svg3901"
-   version="1.1"
-   inkscape:version="0.48.2 r9819"
-   sodipodi:docname="anchor-right.svg">
-  <defs
-     id="defs3903" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.7137969"
-     inkscape:cx="41.352538"
-     inkscape:cy="73.139542"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1024"
-     inkscape:window-height="541"
-     inkscape:window-x="0"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:snap-global="false" />
-  <metadata
-     id="metadata3906">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Capa 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-138.0625,17.6875)">
-    <path
-       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:6.99885273;stroke-miterlimit:4;stroke-opacity:1"
-       d="M 197.56307,27.757169 180.0625,-9.2410269 162.56193,27.7575 l 0,35.048255 35.00114,0 z"
-       id="rect3098"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="cccccc" />
+<?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">
+  <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"/>
+    </g>
   </g>
+  <defs/>
 </svg>
diff --git a/gtk3/theme/assets/cursor-handle-top.svg b/gtk3/theme/assets/cursor-handle-top.svg
index b001306..19bfbf3 100644
--- a/gtk3/theme/assets/cursor-handle-top.svg
+++ b/gtk3/theme/assets/cursor-handle-top.svg
@@ -1,67 +1,11 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   width="84"
-   height="84"
-   id="svg3901"
-   version="1.1"
-   inkscape:version="0.48.2 r9819"
-   sodipodi:docname="anchor-left.svg">
-  <defs
-     id="defs3903" />
-  <sodipodi:namedview
-     id="base"
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1.0"
-     inkscape:pageopacity="0.0"
-     inkscape:pageshadow="2"
-     inkscape:zoom="1.535521"
-     inkscape:cx="29.689783"
-     inkscape:cy="2.7251492"
-     inkscape:document-units="px"
-     inkscape:current-layer="layer1"
-     showgrid="false"
-     fit-margin-top="0"
-     fit-margin-left="0"
-     fit-margin-right="0"
-     fit-margin-bottom="0"
-     inkscape:window-width="1024"
-     inkscape:window-height="541"
-     inkscape:window-x="0"
-     inkscape:window-y="27"
-     inkscape:window-maximized="1"
-     inkscape:snap-global="false" />
-  <metadata
-     id="metadata3906">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     inkscape:label="Capa 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-138.0625,17.6875)">
-    <path
-       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:6.99885273;stroke-miterlimit:4;stroke-opacity:1"
-       d="m 141.56193,20.860513 35.00114,36.617333 0,-71.66592 -35.00114,0 z"
-       id="rect3098"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="ccccc" />
+<?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">
+  <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"/>
+    </g>
   </g>
+  <defs/>
 </svg>
diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index 58c414a..58a8933 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -111,8 +111,8 @@ icon_large = icon_base * 5
     -GtkCheckButton-indicator-size: $radio_size;
     -GtkCheckButton-indicator-spacing: 3;
 
-    -GtkWidget-text-handle-width: 84px;
-    -GtkWidget-text-handle-height: 84px;
+    -GtkWidget-text-handle-width: 55px;
+    -GtkWidget-text-handle-height: 55px;
 }
 
 /* Backgrounds and windows */