From 403eeceeecab62bdea08aed69d2fccec029a75f8 Mon Sep 17 00:00:00 2001
From: "opensearch-trigger-bot[bot]"
 <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com>
Date: Tue, 20 Feb 2024 12:20:04 -0800
Subject: [PATCH] [BUG] Fixing style overriding issue in dashboards core
 vizBuilder (#1451) (#1453)

* rename class names causing style overriding on visbuilder core dashboards



* update snapshots



---------


(cherry picked from commit 63a88069000555a1d8019c69e65207fc1d611b60)

Signed-off-by: Eric <menwe@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 .../config_controls/data_configurations_panel.scss   |  4 ++--
 .../config_controls/data_configurations_panel.tsx    | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.scss b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.scss
index 6ca8a2e848..952bd7516d 100644
--- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.scss
+++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.scss
@@ -41,7 +41,7 @@
   }
 }
 
-.vbConfig {
+.logExplorerVisConfig {
   @include euiYScrollWithShadows;
 
   background: $euiColorLightestShade;
@@ -82,7 +82,7 @@
     }
   }
 
-  &.showSecondary > .vbConfig__section {
+  &.showSecondary > .logExplorerVisConfig__section {
     transform: translateX(-100%);
   }
 }
\ No newline at end of file
diff --git a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx
index d55fedc850..70c7975bdd 100644
--- a/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx
+++ b/public/components/event_analytics/explorer/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx
@@ -343,7 +343,7 @@ export const DataConfigPanelItem = ({
     const selectedObj = isTimeStampSelected ? configList[SPAN] : configList[name][index];
     const isAggregations = name === AGGREGATIONS;
     return (
-      <div className={'vbConfig__section vbConfig--secondary'}>
+      <div className={'logExplorerVisConfig__section logExplorerVisConfig--secondary'}>
         <div className="services">
           <div className="first-division">
             <DataConfigItemClickPanel
@@ -538,9 +538,9 @@ export const DataConfigPanelItem = ({
   return isAddConfigClicked ? (
     getCommonUI(selectedConfigItem.name)
   ) : (
-    <EuiForm className={'vbConfig'}>
-      <div className="vbConfig__section">
-        <div className="vbConfig__title">
+    <EuiForm className={'logExplorerVisConfig'}>
+      <div className="logExplorerVisConfig__section">
+        <div className="logExplorerVisConfig__title">
           <EuiFlexGroup gutterSize="s" alignItems="center">
             <EuiFlexItem>
               <EuiTitle size="xxs">
@@ -550,7 +550,7 @@ export const DataConfigPanelItem = ({
           </EuiFlexGroup>
         </div>
         {visualizations.vis.name !== VIS_CHART_TYPES.Histogram ? (
-          <div className="vbConfig__content">
+          <div className="logExplorerVisConfig__content">
             <EuiSpacer size="s" />
             {DataConfigPanelFields(getRenderFieldsObj(AGGREGATIONS))}
             <EuiHorizontalRule margin="m" />
@@ -577,7 +577,7 @@ export const DataConfigPanelItem = ({
             {getNumberField('bucketOffset')}
           </>
         )}
-        <div className="vbConfig__content">
+        <div className="logExplorerVisConfig__content">
           <EuiFlexItem grow={false}>
             <EuiButton
               data-test-subj="visualizeEditorRenderButton"