[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 63a8806) Signed-off-by: Eric <[email protected]> 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>
opensearch-project · Feb 20, 2024 · 403eece · 403eece
1 parent 7e2d951
commit 403eece
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/...r/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.scss b/...r/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%);
   }
 }
diff --git a/...er/visualizations/config_panel/config_panes/config_controls/data_configurations_panel.tsx b/...er/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"