From 2994d16d491ff84167ac999bdabf09130e4b5132 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Mon, 3 Jul 2023 20:53:53 -0700 Subject: [PATCH] Fix footer shadows for all other modals Also removes default box-shadow and border-top --- components/common/DialogContent/index.tsx | 2 +- components/common/DialogFooter/index.module.scss | 2 -- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/components/common/DialogContent/index.tsx b/components/common/DialogContent/index.tsx index e5842950..53703c7d 100644 --- a/components/common/DialogContent/index.tsx +++ b/components/common/DialogContent/index.tsx @@ -92,7 +92,7 @@ const DialogContent = React.forwardRef(function Dialog( const calculateFooterShadow = debounce(() => { const boxShadowBase = '0 -2px 8px' - const scrollable = document.querySelector(`.${styles.scrollValue}`) + const scrollable = document.querySelector(`.${styles.scrollable}`) const footer = props.footerref if (footer && footer.current) { diff --git a/components/common/DialogFooter/index.module.scss b/components/common/DialogFooter/index.module.scss index 9f29d949..c534e92f 100644 --- a/components/common/DialogFooter/index.module.scss +++ b/components/common/DialogFooter/index.module.scss @@ -4,8 +4,6 @@ align-items: flex-end; background: var(--dialog-bg); bottom: -1px; // hack to fix content being visible 1px below - box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16); - border-top: 1px solid rgba(0, 0, 0, 0.24); display: flex; flex-direction: row; justify-content: space-between;