diff --git a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.styled.tsx b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.styled.tsx index 31acc2f5b1f806451cd191f68a68c813e9bfc148..babab78313e244e868ac2d2510939c2cdb54b716 100644 --- a/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.styled.tsx +++ b/frontend/src/metabase/visualizations/components/ObjectDetail/ObjectDetail.styled.tsx @@ -13,7 +13,6 @@ export const ObjectDetailModal = styled.div<ObjectDetailModalProps>` ${breakpointMinMedium} { width: ${({ wide }) => (wide ? "880px" : "568px")}; } - min-height: 480px; max-height: 95vh; width: 95vw; `; @@ -23,10 +22,9 @@ export const ObjectDetailBodyWrapper = styled.div` overflow-y: auto; ${breakpointMinMedium} { display: flex; - max-height: auto; - min-height: calc(480px - 4rem); + height: calc(80vh - 4rem); } - max-height: calc(100vh - 8rem); + height: calc(100vh - 8rem); `; export const ObjectDetailsTable = styled.div` @@ -34,7 +32,7 @@ export const ObjectDetailsTable = styled.div` flex: 1; padding: 2rem; ${breakpointMinMedium} { - max-height: calc(100vh - 12rem); + max-height: calc(80vh - 4rem); } `; @@ -45,7 +43,7 @@ export const ObjectRelationships = styled.div` background-color: ${colors["bg-light"]}; ${breakpointMinMedium} { flex: 0 0 33.3333%; - max-height: calc(100vh - 12rem); + max-height: calc(80vh - 4rem); } `;