Remove border from flyout description list.

elastic · Feb 28, 2023 · 7b9c4ec · 7b9c4ec
1 parent 04f5701
commit 7b9c4ec
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.../synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx b/.../synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx
@@ -47,6 +47,7 @@ export interface MonitorDetailsPanelProps {
   monitor: EncryptedSyntheticsSavedMonitor | null;
   hideEnabled?: boolean;
   hideLocations?: boolean;
+  hasBorder?: boolean;
 }
 
 export const MonitorDetailsPanel = ({
@@ -56,6 +57,7 @@ export const MonitorDetailsPanel = ({
   configId,
   hideEnabled = false,
   hideLocations = false,
+  hasBorder = true,
 }: MonitorDetailsPanelProps) => {
   const dispatch = useDispatch();
 
@@ -64,7 +66,12 @@ export const MonitorDetailsPanel = ({
   }
 
   return (
-    <PanelWithTitle paddingSize="m" title={MONITOR_DETAILS_LABEL} titleLeftAlign>
+    <PanelWithTitle
+      paddingSize="m"
+      title={MONITOR_DETAILS_LABEL}
+      titleLeftAlign
+      hasBorder={hasBorder}
+    >
       <WrapperStyle>
         <EuiSpacer size="s" />
         <EuiDescriptionList type="column" compressed align="left">

diff --git a/...blic/apps/synthetics/components/monitors_page/overview/overview/monitor_detail_flyout.tsx b/...blic/apps/synthetics/components/monitors_page/overview/overview/monitor_detail_flyout.tsx
@@ -325,6 +325,7 @@ export function MonitorDetailFlyout(props: Props) {
           <EuiFlyoutBody>
             <DetailFlyoutDurationChart {...props} location={props.location} />
             <MonitorDetailsPanel
+              hasBorder={false}
               hideEnabled
               latestPing={monitorDetail.data}
               configId={configId}