From 60188ef65476c534647db813c35add3236076cec Mon Sep 17 00:00:00 2001
From: Evan Rusackas <evan@preset.io>
Date: Wed, 11 May 2022 15:44:37 -0600
Subject: [PATCH] feat(css): adds `chartId`-based class to dashboard chart
 holder (#19873)

* feat: adds `chartId`-based class to dashboard chart holder

* Adding comment to denote the purpose of the class in the code.
---
 .../src/dashboard/components/gridComponents/ChartHolder.jsx     | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/superset-frontend/src/dashboard/components/gridComponents/ChartHolder.jsx b/superset-frontend/src/dashboard/components/gridComponents/ChartHolder.jsx
index a08102094b..eeac856615 100644
--- a/superset-frontend/src/dashboard/components/gridComponents/ChartHolder.jsx
+++ b/superset-frontend/src/dashboard/components/gridComponents/ChartHolder.jsx
@@ -343,6 +343,8 @@ class ChartHolder extends React.Component {
               className={cx(
                 'dashboard-component',
                 'dashboard-component-chart-holder',
+                // The following class is added to support custom dashboard styling via the CSS editor
+                `dashboard-chart-id-${chartId}`,
                 this.state.outlinedComponentId ? 'fade-in' : 'fade-out',
                 isFullSize && 'full-size',
               )}