fix arrow icons

snap-blocks · Dec 13, 2024 · 9dbc188 · 9dbc188
1 parent a2b5471
commit 9dbc188
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 20 deletions.
diff --git a/scratch2/style.js b/scratch2/style.js
@@ -531,6 +531,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("path", {
           d: "M 0.5 5 L 5 0.5 L 9.5 5 L 6.5 5 L 6.5 9.5 L 3.5 9.5 L 3.5 5 Z",
+          fill: "none",
         }),
         {
           id: "sb-arrowUpOutline",
@@ -548,7 +549,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUp",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb-arrowDown",
@@ -557,7 +558,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpOutline",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb-arrowDownOutline",
@@ -566,7 +567,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpThin",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb-arrowDownThin",
@@ -575,7 +576,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUp",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb-arrowLeft",
@@ -584,7 +585,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpOutline",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb-arrowLeftOutline",
@@ -593,7 +594,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpThin",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb-arrowLeftThin",
@@ -602,7 +603,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUp",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowRight",
@@ -611,7 +612,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpOutline",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowRightOutline",
@@ -620,7 +621,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowRightThin",
@@ -638,7 +639,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb-arrowUpDownThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb-arrowLeftRightThin",

diff --git a/scratch3/style.js b/scratch3/style.js
@@ -812,6 +812,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("path", {
           d: "M 0.5 5 L 5 0.5 L 9.5 5 L 6.5 5 L 6.5 9.5 L 3.5 9.5 L 3.5 5 Z",
+          fill: "none",
         }),
         {
           id: "sb3-arrowUpOutline",
@@ -829,7 +830,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUp",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb3-arrowDown",
@@ -838,7 +839,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpOutline",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb3-arrowDownOutline",
@@ -847,7 +848,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpThin",
-          transform: "rotate(180 6 6)",
+          transform: "rotate(180 5 5)",
         }),
         {
           id: "sb3-arrowDownThin",
@@ -856,7 +857,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUp",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb3-arrowLeft",
@@ -865,7 +866,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpOutline",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb3-arrowLeftOutline",
@@ -874,7 +875,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpThin",
-          transform: "rotate(-90 6 6)",
+          transform: "rotate(-90 5 5)",
         }),
         {
           id: "sb3-arrowLeftThin",
@@ -883,7 +884,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUp",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowRight",
@@ -892,7 +893,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpOutline",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowRightOutline",
@@ -901,7 +902,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowRightThin",
@@ -919,7 +920,7 @@ export default class Style {
       SVG.setProps(
         SVG.el("use", {
           href: "#sb3-arrowUpDownThin",
-          transform: "rotate(90 6 6)",
+          transform: "rotate(90 5 5)",
         }),
         {
           id: "sb3-arrowLeftRightThin",