Clean up workspace and side panel border stylings

Signed-off-by: Tyler Ohlsen <[email protected]>
opensearch-project · Oct 19, 2023 · 6459ab3 · 6459ab3
1 parent 8af512e
commit 6459ab3
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 8 deletions.
diff --git a/public/pages/workflow_detail/component_details/component_details.tsx b/public/pages/workflow_detail/component_details/component_details.tsx
@@ -28,7 +28,7 @@ export function ComponentDetails(props: ComponentDetailsProps) {
       gutterSize="none"
       className="workspace-panel"
     >
-      <EuiFlexItem className="resizable-panel-border">
+      <EuiFlexItem>
         <EuiPanel paddingSize="m">
           {props.selectedComponent ? (
             <ComponentInputs selectedComponent={props.selectedComponent} />

diff --git a/public/pages/workflow_detail/workspace/workspace-styles.scss b/public/pages/workflow_detail/workspace/workspace-styles.scss
@@ -4,9 +4,3 @@
   height: 60vh;
   padding: 0;
 }
-
-.resizable-panel-border {
-  border-style: groove;
-  border-color: gray;
-  border-width: 1px;
-}
diff --git a/public/pages/workflow_detail/workspace/workspace.tsx b/public/pages/workflow_detail/workspace/workspace.tsx
@@ -139,7 +139,7 @@ export function Workspace(props: WorkspaceProps) {
       justifyContent="spaceBetween"
       className="workspace-panel"
     >
-      <EuiFlexItem className="resizable-panel-border">
+      <EuiFlexItem className="euiPanel euiPanel--hasShadow euiPanel--borderRadiusMedium">
         {/**
          * We have these wrapper divs & reactFlowWrapper ref to control and calculate the
          * ReactFlow bounds when calculating node positioning.