From 0b266057086771dcc4bb9b4ba831471e0bcf0b63 Mon Sep 17 00:00:00 2001 From: gopienkonikita Date: Wed, 17 Jul 2024 18:23:59 +0300 Subject: [PATCH] Fix Bug 69278 - Rooms. fixed ModalDialog styles --- packages/shared/components/modal-dialog/ModalDialog.styled.ts | 4 +++- .../shared/components/modal-dialog/sub-components/Modal.tsx | 1 + 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/shared/components/modal-dialog/ModalDialog.styled.ts b/packages/shared/components/modal-dialog/ModalDialog.styled.ts index cd923ac106..8e00d68c9a 100644 --- a/packages/shared/components/modal-dialog/ModalDialog.styled.ts +++ b/packages/shared/components/modal-dialog/ModalDialog.styled.ts @@ -155,12 +155,14 @@ const Content = styled.div.attrs((props: { modalSwipeOffset?: number }) => ({ `} `; -const StyledHeader = styled.div` +const StyledHeader = styled.div<{ currentDisplayType?: ModalDialogType }>` display: flex; align-items: center; border-bottom: ${(props) => `1px solid ${props.theme.modalDialog.headerBorderColor}`}; height: 52px; + margin-bottom: ${(props) => + props.currentDisplayType === "aside" ? "0px" : "16px"}; padding: 0 16px 0; .heading { diff --git a/packages/shared/components/modal-dialog/sub-components/Modal.tsx b/packages/shared/components/modal-dialog/sub-components/Modal.tsx index 0478800f86..cbcd04703d 100644 --- a/packages/shared/components/modal-dialog/sub-components/Modal.tsx +++ b/packages/shared/components/modal-dialog/sub-components/Modal.tsx @@ -191,6 +191,7 @@ const Modal = ({ "modal-header" } {...headerProps} + currentDisplayType={currentDisplayType} >