symbolic: add sidebar hide/show; fix rendering errors

1 files changed, 118 insertions, 14 deletions

diff --git a/src/symbolic/gnome-stencils.svg b/src/symbolic/gnome-stencils.svg
index f2bd29fa9..5d50b6734 100644
--- a/src/symbolic/gnome-stencils.svg
+++ b/src/symbolic/gnome-stencils.svg
@@ -33,13 +33,13 @@
      inkscape:window-height="1016"
      id="namedview88"
      showgrid="false"
-     inkscape:zoom="1"
-     inkscape:cx="301.55656"
-     inkscape:cy="243.02913"
+     inkscape:zoom="2.8284271"
+     inkscape:cx="152.16626"
+     inkscape:cy="887.40346"
      inkscape:window-x="0"
      inkscape:window-y="27"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer4"
+     inkscape:current-layer="layer1"
      showborder="false"
      inkscape:snap-nodes="true"
      inkscape:snap-bbox="true"
@@ -7620,10 +7620,6 @@
          inkscape:connector-curvature="0" />
     </g>
     <g
-       id="g5283"
-       transform="matrix(0.85702287,0,0,0.85702287,20.027794,14.584927)"
-       style="stroke-width:1.16682994" />
-    <g
        id="g5431"
        inkscape:label="night-light-alt">
       <rect
@@ -18683,12 +18679,6 @@
          d="m 191.63729,647.67638 c -0.20052,0 -0.40103,0.0768 -0.55468,0.23047 l -1.76953,1.76758 3.05273,3.05273 1.76953,-1.76953 c 0.3073,-0.3073 0.3073,-0.80208 0,-1.10938 l -1.94336,-1.9414 c -0.15365,-0.15365 -0.35417,-0.23047 -0.55469,-0.23047 z"
          id="rect9831" />
     </g>
-    <path
-       style="opacity:1;vector-effect:none;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1.11896944;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal"
-       d="m -38,729 c -3.865993,0 -7,3.13401 -7,7 0,3.86599 3.134007,7 7,7 3.865993,0 7,-3.13401 7,-7 0,-3.86599 -3.134007,-7 -7,-7 z m -2,4 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z m 4,0 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z m -4,4 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z m 4,0 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z"
-       id="path4071"
-       inkscape:connector-curvature="0"
-       sodipodi:nodetypes="sssssssssssssssssssssssss" />
     <g
        style="display:inline;"
        id="g9849"
@@ -21119,5 +21109,119 @@
          id="circle4017"
          style="vector-effect:none;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     </g>
+    <g
+       id="g4017"
+       transform="translate(-40,100)"
+       inkscape:label="sidebar-show">
+      <rect
+         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:1;marker:none"
+         id="rect3962"
+         width="16"
+         height="16"
+         x="52.006054"
+         y="708" />
+      <path
+         sodipodi:nodetypes="ccccscccccscc"
+         inkscape:connector-curvature="0"
+         id="path10873-3"
+         d="m 56,713 h 1 c 0.30945,0 0.55233,0.0903 0.75,0.28125 L 60.40626,716 57.75,718.71875 C 57.55233,718.9097 57.30945,719 57,719 h -1 v -1 c 1e-5,-0.25689 0.12983,-0.52846 0.3125,-0.71875 L 57.59376,716 56.3125,714.71875 C 56.12983,714.52846 56,714.25689 56,714 Z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="path4012"
+         d="m 55,710 h 7 c 0,0 1,0 1,1 v 10 c 0,1 -1,1 -1,1 h -7"
+         style="fill:none;fill-rule:evenodd;stroke:#2e3436;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       transform="translate(-20,100)"
+       id="g4026"
+       inkscape:label="sidebar-hide">
+      <rect
+         y="708"
+         x="52.006054"
+         height="16"
+         width="16"
+         id="rect4020"
+         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:1;marker:none" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 60,713 h -1 c -0.30945,0 -0.55233,0.0903 -0.75,0.28125 L 55.59374,716 58.25,718.71875 C 58.44767,718.9097 58.69055,719 59,719 h 1 v -1 c -1e-5,-0.25689 -0.12983,-0.52846 -0.3125,-0.71875 L 58.40624,716 59.6875,714.71875 C 59.87017,714.52846 60,714.25689 60,714 Z"
+         id="path4022"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccscccccscc" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#2e3436;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 55,710 h 7 c 0,0 1,0 1,1 v 10 c 0,1 -1,1 -1,1 h -7"
+         id="path4024"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+    </g>
+    <g
+       inkscape:label="sidebar-show"
+       transform="matrix(-1,0,0,1,120.01211,100)"
+       id="g4036">
+      <rect
+         y="708"
+         x="52.006054"
+         height="16"
+         width="16"
+         id="rect4028"
+         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:1;marker:none" />
+      <path
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 56,713 h 1 c 0.30945,0 0.55233,0.0903 0.75,0.28125 L 60.40626,716 57.75,718.71875 C 57.55233,718.9097 57.30945,719 57,719 h -1 v -1 c 1e-5,-0.25689 0.12983,-0.52846 0.3125,-0.71875 L 57.59376,716 56.3125,714.71875 C 56.12983,714.52846 56,714.25689 56,714 Z"
+         id="path4031"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccscccccscc" />
+      <path
+         style="fill:none;fill-rule:evenodd;stroke:#2e3436;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 55,710 h 7 c 0,0 1,0 1,1 v 10 c 0,1 -1,1 -1,1 h -7"
+         id="path4033"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+    </g>
+    <g
+       inkscape:label="sidebar-hide"
+       id="g4047"
+       transform="matrix(-1,0,0,1,140.01211,100)">
+      <rect
+         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:1;marker:none"
+         id="rect4039"
+         width="16"
+         height="16"
+         x="52.006054"
+         y="708" />
+      <path
+         sodipodi:nodetypes="ccccscccccscc"
+         inkscape:connector-curvature="0"
+         id="path4041"
+         d="m 60,713 h -1 c -0.30945,0 -0.55233,0.0903 -0.75,0.28125 L 55.59374,716 58.25,718.71875 C 58.44767,718.9097 58.69055,719 59,719 h 1 v -1 c -1e-5,-0.25689 -0.12983,-0.52846 -0.3125,-0.71875 L 58.40624,716 59.6875,714.71875 C 59.87017,714.52846 60,714.25689 60,714 Z"
+         style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#2e3436;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="path4043"
+         d="m 55,710 h 7 c 0,0 1,0 1,1 v 10 c 0,1 -1,1 -1,1 h -7"
+         style="fill:none;fill-rule:evenodd;stroke:#2e3436;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+    <g
+       id="g4061"
+       inkscape:label="view-app-grid-alt">
+      <path
+         sodipodi:nodetypes="sssssssssssssssssssssssss"
+         inkscape:connector-curvature="0"
+         id="path4071"
+         d="m -40,729 c -3.865993,0 -7,3.13401 -7,7 0,3.86599 3.134007,7 7,7 3.865993,0 7,-3.13401 7,-7 0,-3.86599 -3.134007,-7 -7,-7 z m -2,4 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z m 4,0 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z m -4,4 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z m 4,0 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 -0.554,0 -1,-0.446 -1,-1 0,-0.554 0.446,-1 1,-1 z"
+         style="opacity:1;vector-effect:none;fill:#2e3436;fill-opacity:1;stroke:none;stroke-width:1.11896944;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal" />
+      <rect
+         transform="scale(-1,1)"
+         style="color:#bebebe;display:inline;overflow:visible;visibility:visible;fill:none;stroke:none;stroke-width:1;marker:none;enable-background:new"
+         id="rect4053"
+         y="728"
+         x="31.99415"
+         height="16"
+         width="16" />
+    </g>
   </g>
 </svg>