Resize mail icon to fix the standard viewbox (#21211)

frontend/src/metabase/icon_paths.ts

@@ -318,13 +318,8 @@ export const ICON_PATHS: Record<string, any> = {
       fillRule: "evenodd",
     },
   },
-  mail: {
-    path:
-      "M36 0a6 6 0 016 6v20a6 6 0 01-6 6H6a6 6 0 01-6-6V6a6 6 0 016-6h30zm-3.292 5.473L21 15.38 9.292 5.473a2 2 0 10-2.584 3.054l13 11a2 2 0 002.584 0l13-11a2 2 0 10-2.584-3.054z",
-    attrs: {
-      viewBox: "0 0 42 32",
-    },
-  },
+  mail:
+    "M 27.5 4 a 4.5 4.5 90 0 1 4.5 4.5 v 15 a 4.5 4.5 90 0 1 -4.5 4.5 H 4.5 a 4.5 4.5 90 0 1 -4.5 -4.5 V 8.5 a 4.5 4.5 90 0 1 4.5 -4.5 h 2 z m -2.719 4.1048 l -8.781 7.4302 l -8.781 -7.4303 a 1.5 1.5 90 1 0 -1.938 2.2905 l 9.75 8.25 a 1.5 1.5 90 0 0 1.938 0 l 9.75 -8.25 a 1.5 1.5 90 1 0 -1.938 -2.2905 z",
   model: {
     path:
       "M10 0a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H10zm5.5 10a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zM2 17a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V19a2 2 0 0 0-2-2H2zm5.5 10a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm9.5-8a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H19a2 2 0 0 1-2-2V19zm10 5.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z",

frontend/src/metabase/visualizations/lib/timelines.js

@@ -6,7 +6,6 @@ import timeseriesScale from "./timeseriesScale";
 
 const ICON_SIZE = 16;
 const ICON_SCALE = 0.45;
-const ICON_LARGE_SCALE = 0.35;
 const ICON_X = -ICON_SIZE;
 const ICON_Y = 10;
 const TEXT_X = 10;
@@ -63,10 +62,8 @@ function getIconFillRule(events) {
   return ICON_PATHS[icon].attrs?.fillRule;
 }
 
-function getIconTransform(events) {
-  const icon = getIcon(events);
-  const scale = icon === "mail" ? ICON_LARGE_SCALE : ICON_SCALE;
-  return `scale(${scale}) translate(${ICON_X}, ${ICON_Y})`;
+function getIconTransform() {
+  return `scale(${ICON_SCALE}) translate(${ICON_X}, ${ICON_Y})`;
 }
 
 function getIconLabel(events) {
@@ -151,7 +148,7 @@ function renderEventTicks({
     .attr("class", "event-icon")
     .attr("d", d => getIconPath(d))
     .attr("fill-rule", d => getIconFillRule(d))
-    .attr("transform", d => getIconTransform(d))
+    .attr("transform", () => getIconTransform())
     .attr("aria-label", d => getIconLabel(d));
 
   eventTicks
@@ -159,7 +156,7 @@ function renderEventTicks({
     .attr("fill", "none")
     .attr("width", RECT_SIZE)
     .attr("height", RECT_SIZE)
-    .attr("transform", d => getIconTransform(d));
+    .attr("transform", () => getIconTransform());
 
   eventTicks
     .filter((d, i) => hasEventText(d, i, eventScale, eventDates))