fix(metric): icon alignment defaults (#2489)

elastic · Jul 15, 2024 · bba76fa · bba76fa
1 parent a498945
commit bba76fa
Show file tree

Hide file tree

Showing 12 changed files with 4 additions and 4 deletions.
diff --git a/e2e/screenshots/all.test.ts-snapshots/baselines/metric-alpha/grid-chrome-linux.png b/e2e/screenshots/all.test.ts-snapshots/baselines/metric-alpha/grid-chrome-linux.png
diff --git a/...izing/should-accommodate-chart-title-and-description-metric-sm-chrome-linux.png b/...izing/should-accommodate-chart-title-and-description-metric-sm-chrome-linux.png
diff --git a/...test.ts-snapshots/metric/should-render-horizontal-progress-bar-chrome-linux.png b/...test.ts-snapshots/metric/should-render-horizontal-progress-bar-chrome-linux.png
diff --git a/...hots/metric/should-render-horizontal-progress-bar-in-dark-mode-chrome-linux.png b/...hots/metric/should-render-horizontal-progress-bar-in-dark-mode-chrome-linux.png
diff --git a/...stories.test.ts-snapshots/metric/should-render-no-progress-bar-chrome-linux.png b/...stories.test.ts-snapshots/metric/should-render-no-progress-bar-chrome-linux.png
diff --git a/...ts-snapshots/metric/should-render-no-progress-bar-in-dark-mode-chrome-linux.png b/...ts-snapshots/metric/should-render-no-progress-bar-in-dark-mode-chrome-linux.png
diff --git a/...pshots/metric/should-render-vertical-progress-bar-in-dark-mode-chrome-linux.png b/...pshots/metric/should-render-vertical-progress-bar-in-dark-mode-chrome-linux.png
diff --git a/.../metric/should-render-with-empty-and-missing-background-colors-chrome-linux.png b/.../metric/should-render-with-empty-and-missing-background-colors-chrome-linux.png
diff --git a/packages/charts/src/utils/themes/dark_theme.ts b/packages/charts/src/utils/themes/dark_theme.ts
@@ -412,7 +412,7 @@ export const DARK_THEME: Theme = {
     minValueFontSize: 12,
     titlesTextAlign: 'left',
     valuesTextAlign: 'right',
-    iconAlign: 'left',
+    iconAlign: 'right',
     border: DARK_BASE_COLORS.lightShade,
     barBackground: DARK_BASE_COLORS.lightShade,
     emptyBackground: Colors.Transparent.keyword,

diff --git a/packages/charts/src/utils/themes/legacy_dark_theme.ts b/packages/charts/src/utils/themes/legacy_dark_theme.ts
@@ -419,7 +419,7 @@ export const LEGACY_DARK_THEME: Theme = {
     minValueFontSize: 12,
     titlesTextAlign: 'left',
     valuesTextAlign: 'right',
-    iconAlign: 'left',
+    iconAlign: 'right',
     border: '#343741',
     barBackground: '#343741',
     emptyBackground: Colors.Transparent.keyword,

diff --git a/packages/charts/src/utils/themes/legacy_light_theme.ts b/packages/charts/src/utils/themes/legacy_light_theme.ts
@@ -418,7 +418,7 @@ export const LEGACY_LIGHT_THEME: Theme = {
     minValueFontSize: 12,
     titlesTextAlign: 'left',
     valuesTextAlign: 'right',
-    iconAlign: 'left',
+    iconAlign: 'right',
     border: '#EDF0F5',
     barBackground: '#EDF0F5',
     emptyBackground: Colors.Transparent.keyword,

diff --git a/packages/charts/src/utils/themes/light_theme.ts b/packages/charts/src/utils/themes/light_theme.ts
@@ -411,7 +411,7 @@ export const LIGHT_THEME: Theme = {
     minValueFontSize: 12,
     titlesTextAlign: 'left',
     valuesTextAlign: 'right',
-    iconAlign: 'left',
+    iconAlign: 'right',
     border: '#EDF0F5', // LIGHT_BASE_COLORS.lightShade,
     barBackground: '#EDF0F5', // LIGHT_BASE_COLORS.lightShade,
     emptyBackground: Colors.Transparent.keyword,