From 89013dad0848567094243bb86de42acd127bc5da Mon Sep 17 00:00:00 2001 From: "Qingyang(Abby) Hu" Date: Wed, 30 Aug 2023 18:26:41 -0700 Subject: [PATCH] [Data Explorer] Fix darkmode for histogram (#4858) * fix darkmode for histogram Signed-off-by: abbyhu2000 * changelog Signed-off-by: abbyhu2000 * remove changelog Signed-off-by: abbyhu2000 --------- Signed-off-by: abbyhu2000 --- .../application/components/chart/_histogram.scss | 11 +++++++++++ .../public/application/components/chart/chart.tsx | 2 ++ 2 files changed, 13 insertions(+) create mode 100644 src/plugins/discover/public/application/components/chart/_histogram.scss diff --git a/src/plugins/discover/public/application/components/chart/_histogram.scss b/src/plugins/discover/public/application/components/chart/_histogram.scss new file mode 100644 index 000000000000..1e625fa064e2 --- /dev/null +++ b/src/plugins/discover/public/application/components/chart/_histogram.scss @@ -0,0 +1,11 @@ +.dscHistogram__header--partial { + font-weight: $euiFontWeightRegular; + min-width: $euiSize * 12; +} + +// Temporary override to inlined styles provided by ElasticCharts theming +// Will be unnecessary when we migrate the histogram to a different rendering library: +// https: //github.com/opensearch-project/OpenSearch-Dashboards/issues/4643 +.dscHistogram .echChartBackground { + background-color: inherit !important; +} diff --git a/src/plugins/discover/public/application/components/chart/chart.tsx b/src/plugins/discover/public/application/components/chart/chart.tsx index 30b7b3894f71..5f5de6b98545 100644 --- a/src/plugins/discover/public/application/components/chart/chart.tsx +++ b/src/plugins/discover/public/application/components/chart/chart.tsx @@ -3,6 +3,8 @@ * SPDX-License-Identifier: Apache-2.0 */ +import './_histogram.scss'; + import React, { useCallback } from 'react'; import moment from 'moment'; import dateMath from '@elastic/datemath';