Remove SCSS from mount-utils/core-mount-utils-browser-internal

elastic · Dec 17, 2024 · b49f7e1 · b49f7e1
1 parent e529a89
commit b49f7e1
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 9 deletions.
diff --git a/packages/core/mount-utils/core-mount-utils-browser-internal/src/mount.tsx b/packages/core/mount-utils/core-mount-utils-browser-internal/src/mount.tsx
@@ -12,8 +12,6 @@ import { render, unmountComponentAtNode } from 'react-dom';
 import { I18nProvider } from '@kbn/i18n-react';
 import type { MountPoint } from '@kbn/core-mount-utils-browser';
 
-import './mount_wrapper.scss';
-
 const defaultWrapperClass = 'kbnMountWrapper';
 
 interface MountWrapperComponentProps {

diff --git a/packages/core/mount-utils/core-mount-utils-browser-internal/src/mount_wrapper.scss b/packages/core/mount-utils/core-mount-utils-browser-internal/src/mount_wrapper.scss
diff --git a/packages/core/overlays/core-overlays-browser-internal/src/flyout/flyout_service.tsx b/packages/core/overlays/core-overlays-browser-internal/src/flyout/flyout_service.tsx
@@ -9,6 +9,7 @@
 
 /* eslint-disable max-classes-per-file */
 
+import { css } from '@emotion/react';
 import { EuiFlyout, EuiFlyoutResizable } from '@elastic/eui';
 import React from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
@@ -128,14 +129,29 @@ export class FlyoutService {
           );
         };
 
+        const overlayMountWrapperStyle = css({
+          display: 'flex',
+          flexDirection: 'column',
+          height: '100%',
+          overflow: 'hidden',
+        });
+
+        // NOTE: The kbnOverlayMountWrapper className is used for allowing consumers to add additional styles
+        // that support drag-and-drop (padding, pointer styles). It is not used for internal styling.
         render(
           <KibanaRenderContextProvider
             analytics={analytics}
             i18n={i18n}
             theme={theme}
             userProfile={userProfile}
           >
-            {getWrapper(<MountWrapper mount={mount} className="kbnOverlayMountWrapper" />)}
+            {getWrapper(
+              <MountWrapper
+                mount={mount}
+                css={overlayMountWrapperStyle}
+                className="kbnOverlayMountWrapper"
+              />
+            )}
           </KibanaRenderContextProvider>,
           this.targetDomElement
         );