Style cursor handles

- Add CSS rules to style the handles
- Add SVG assets for the handles

Signed-off-by: Manuel Quiñones <manuq@laptop.org>
Acked-by: Simon Schampijer <simon@laptop.org>

5 files changed, 234 insertions, 2 deletions

diff --git a/gtk3/theme/assets/Makefile.am b/gtk3/theme/assets/Makefile.am
index 9691b72..52f78e1 100644
--- a/gtk3/theme/assets/Makefile.am
+++ b/gtk3/theme/assets/Makefile.am
@@ -8,7 +8,11 @@ assets =			\
 	checkbox-unchecked.svg		\
 	checkbox-unchecked-selected.svg	\
 	checkbox-checked.svg		\
-	checkbox-checked-selected.svg
+	checkbox-checked-selected.svg   \
+	cursor-handle-insert.svg	\
+	cursor-handle-bottom.svg	\
+	cursor-handle-top.svg
+
 
 sugar72dir = $(datadir)/themes/sugar-72/gtk-3.0/assets
 sugar100dir = $(datadir)/themes/sugar-100/gtk-3.0/assets
diff --git a/gtk3/theme/assets/cursor-handle-bottom.svg b/gtk3/theme/assets/cursor-handle-bottom.svg
new file mode 100644
index 0000000..cfb3a8c
--- /dev/null
+++ b/gtk3/theme/assets/cursor-handle-bottom.svg
@@ -0,0 +1,67 @@
+<?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" />
+  </g>
+</svg>
diff --git a/gtk3/theme/assets/cursor-handle-insert.svg b/gtk3/theme/assets/cursor-handle-insert.svg
new file mode 100644
index 0000000..adc5b7a
--- /dev/null
+++ b/gtk3/theme/assets/cursor-handle-insert.svg
@@ -0,0 +1,67 @@
+<?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" />
+  </g>
+</svg>
diff --git a/gtk3/theme/assets/cursor-handle-top.svg b/gtk3/theme/assets/cursor-handle-top.svg
new file mode 100644
index 0000000..b001306
--- /dev/null
+++ b/gtk3/theme/assets/cursor-handle-top.svg
@@ -0,0 +1,67 @@
+<?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" />
+  </g>
+</svg>
diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index ba3c941..24a4c17 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -110,6 +110,9 @@ icon_large = icon_base * 5
 
     -GtkCheckButton-indicator-size: $radio_size;
     -GtkCheckButton-indicator-spacing: 3;
+
+    -GtkWidget-text-handle-width: 84px;
+    -GtkWidget-text-handle-height: 84px;
 }
 
 /* Backgrounds and windows */
@@ -685,4 +688,28 @@ GtkImage {
 
 SugarFrameWindow.background {
     background-color: @toolbar_grey;
-}
\ No newline at end of file
+}
+
+/* Text cursor handles */
+
+.cursor-handle.top,
+.cursor-handle.bottom {
+    background-color: transparent;
+    box-shadow: none;
+    border-style: none;
+    border-image: none;
+    border-radius: 0px;
+    border-width: 0px;
+}
+
+.cursor-handle.bottom {
+    background-image: url("assets/cursor-handle-bottom.svg");
+}
+
+.cursor-handle.top {
+    background-image: url("assets/cursor-handle-top.svg");
+}
+
+.cursor-handle.insert-cursor {
+    background-image: url("assets/cursor-handle-insert.svg");
+}