add prefix for resizableButton

Signed-off-by: tygao <[email protected]>
opensearch-project · Mar 14, 2024 · 23223c6 · 23223c6
1 parent a6027a7
commit 23223c6
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 19 deletions.
diff --git a/src/core/public/overlays/sidecar/__snapshots__/sidecar_service.test.tsx.snap b/src/core/public/overlays/sidecar/__snapshots__/sidecar_service.test.tsx.snap
diff --git a/src/core/public/overlays/sidecar/components/__snapshots__/resizable_button.test.tsx.snap b/src/core/public/overlays/sidecar/components/__snapshots__/resizable_button.test.tsx.snap
diff --git a/src/core/public/overlays/sidecar/components/__snapshots__/sidecar.test.tsx.snap b/src/core/public/overlays/sidecar/components/__snapshots__/sidecar.test.tsx.snap
diff --git a/src/core/public/overlays/sidecar/components/resizable_button.scss b/src/core/public/overlays/sidecar/components/resizable_button.scss
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-.resizableButton {
+.sidecar-resizableButton {
   position: relative;
   flex-shrink: 0;
   z-index: $euiZLevel1;

diff --git a/src/core/public/overlays/sidecar/components/resizable_button.tsx b/src/core/public/overlays/sidecar/components/resizable_button.tsx
@@ -20,7 +20,7 @@ export const MIN_SIDECAR_SIZE = 350;
 export const ResizableButton = ({ dockedMode, onResize, flyoutSize }: Props) => {
   const isHorizontal = dockedMode !== SIDECAR_DOCKED_MODE.TAKEOVER;
 
-  const classes = classNames('resizableButton', {
+  const classes = classNames('sidecar-resizableButton', {
     'resizableButton--vertical': !isHorizontal,
     'resizableButton--horizontal': isHorizontal,
   });