TimeSeries: Reduce tick size from 10 to 4 (#35632)

packages/grafana-ui/src/components/GraphNG/__snapshots__/utils.test.ts.snap

@@ -21,6 +21,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -45,6 +46,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },

packages/grafana-ui/src/components/uPlot/config/UPlotAxisBuilder.ts

@@ -77,6 +77,7 @@ export class UPlotAxisBuilder extends PlotConfigBuilder<AxisProps, Axis> {
         show: ticks,
         stroke: gridColor,
         width: 1 / devicePixelRatio,
+        size: 4,
       },
       splits,
       values: values,

packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts

@@ -348,6 +348,7 @@ describe('UPlotConfigBuilder', () => {
             "stroke": "rgb(204, 204, 220)",
             "ticks": Object {
               "show": true,
+              "size": 4,
               "stroke": "rgba(240, 250, 255, 0.09)",
               "width": 1,
             },

public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap

@@ -21,6 +21,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -45,6 +46,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -143,6 +145,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -167,6 +170,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -265,6 +269,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -289,6 +294,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -387,6 +393,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -411,6 +418,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -509,6 +517,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -533,6 +542,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -631,6 +641,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -655,6 +666,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -753,6 +765,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -777,6 +790,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -875,6 +889,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": false,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },
@@ -899,6 +914,7 @@ Object {
       "stroke": "rgb(204, 204, 220)",
       "ticks": Object {
         "show": true,
+        "size": 4,
         "stroke": "rgba(240, 250, 255, 0.09)",
         "width": 1,
       },