From f3e5e9657cd5d0e6ba24941e64192619446ef7fa Mon Sep 17 00:00:00 2001 From: RAHEEL Date: Fri, 25 Aug 2023 15:25:13 +0500 Subject: [PATCH 1/2] fix: set columns width based on min-width --- .../src/comps/comps/responsiveLayout/responsiveLayout.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx b/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx index 53b06ede3..d9326c4ee 100644 --- a/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx +++ b/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx @@ -48,9 +48,10 @@ const ColWrapper = styled(Col)<{ $minWidth?: string, $matchColumnsHeight: boolean, }>` - min-width: ${(props) => props.$minWidth}; display: flex; flex-direction: column; + flex-basis: ${(props) => props.$minWidth}; + max-width: ${(props) => props.$minWidth}; > div { height: ${(props) => props.$matchColumnsHeight ? '100%' : 'auto'}; From 1e769a20246396ca3c1377aa2e2868d0d27b7814 Mon Sep 17 00:00:00 2001 From: RAHEEL Date: Fri, 25 Aug 2023 15:27:18 +0500 Subject: [PATCH 2/2] fix: set match column height default value to true --- .../src/comps/comps/responsiveLayout/responsiveLayout.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx b/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx index d9326c4ee..d0519a21a 100644 --- a/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx +++ b/client/packages/lowcoder/src/comps/comps/responsiveLayout/responsiveLayout.tsx @@ -66,7 +66,7 @@ const childrenMap = { }), autoHeight: AutoHeightControl, rowBreak: withDefault(BoolControl, false), - matchColumnsHeight: withDefault(BoolControl, false), + matchColumnsHeight: withDefault(BoolControl, true), rowStyle: withDefault(styleControl(ResponsiveLayoutRowStyle), {}), columnStyle: withDefault(styleControl(ResponsiveLayoutColStyle), {}), columnPerRowLG: withDefault(NumberControl, 4),