Commit c3454f3

authored

Merge pull request #1747 from kamalqureshi/hide_column_layout

Column Hide Toggle in Responsive Layout

2 parents 2dedc8f + 54b6d24 commit c3454f3Copy full SHA for c3454f3

File tree

-1

lines changed

client/packages/lowcoder/src/comps
- comps/responsiveLayout
  - responsiveLayout.tsx
- controls
  - optionsControl.tsx
translations/locales
- en.js

-1

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -234,7 +234,7 @@ const ResponsiveLayout = (props: ResponsiveLayoutProps) => {`
`234`	`234`	`{columns.map((column) => {`
`235`	`235`	`const id = String(column.id);`
`236`	`236`	`const childDispatch = wrapDispatch(wrapDispatch(dispatch, "containers"), id);`
`237`		`- if (!containers[id]) return null;`
	`237`	`+ if (!containers[id]\|\|column.hidden) return null;`
`238`	`238`	`const containerProps = containers[id].children;`
`239`	`239`
`240`	`240`	`// Use the actual minWidth from column configuration instead of calculated width`

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,7 @@ import {`
`30`	`30`	`Option,`
`31`	`31`	`WidthIcon,`
`32`	`32`	`ImageCompIcon,`
	`33`	`+ CloseEyeIcon,`
`33`	`34`	`} from "lowcoder-design";`
`34`	`35`	`import styled from "styled-components";`
`35`	`36`	`import { lastValueIfEqual } from "util/objectUtils";`
`@@ -608,6 +609,7 @@ const ColumnOption = new MultiCompBuilder(`
`608`	`609`	`radius: withDefault(RadiusControl, ""),`
`609`	`610`	`margin: withDefault(StringControl, ""),`
`610`	`611`	`padding: withDefault(StringControl, ""),`
	`612`	`+ hidden: withDefault(BoolCodeControl, false),`
`611`	`613`	`},`
`612`	`614`	`(props) => props`
`613`	`615`	`)`
`@@ -644,6 +646,10 @@ const ColumnOption = new MultiCompBuilder(`
`644`	`646`	`preInputNode: <StyledIcon as={CompressIcon} title="" />,`
`645`	`647`	`placeholder: '3px',`
`646`	`648`	`})}`
	`649`	`+ {children.hidden.propertyView({`
	`650`	`+ label: trans('style.hideColumn'),`
	`651`	`+ preInputNode: <StyledIcon as={CloseEyeIcon} title="" />`
	`652`	`+ })}`
`647`	`653`	`</StyledContent>`
`648`	`654`	`))`
`649`	`655`	`.build();`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -589,6 +589,7 @@ export const en = {`
`589`	`589`	`"chartBorderColor": "Border Color",`
`590`	`590`	`"chartTextColor": "Text Color",`
`591`	`591`	`"detailSize": "Detail Size",`
	`592`	`+ "hideColumn": "Hide Column",`
`592`	`593`
`593`	`594`	`"radiusTip": "Specifies the radius of the element's corners. Example: 5px, 50%, or 1em.",`
`594`	`595`	`"gapTip": "Specifies the gap between rows and columns in a grid or flex container. Example: 10px, 1rem, or 5%.",`

Comments

(0)