Commitf23c309

committed

Added hide toggle for columns in responsive layout

1 parentf589510 commitf23c309Copy full SHA for f23c309

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`	`constid=String(column.id);`
`236`	`236`	`constchildDispatch=wrapDispatch(wrapDispatch(dispatch,"containers"),id);`
`237`		`-if(!containers[id])returnnull;`
	`237`	`+if(!containers[id]\|\|column.hidden)returnnull;`
`238`	`238`	`constcontainerProps=containers[id].children;`
`239`	`239`
`240`	`240`	`// Use the actual minWidth from column configuration instead of calculated width`

Lines changed: 4 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -588,6 +588,7 @@ const ColumnOption = new MultiCompBuilder(`
`588`	`588`	`radius:withDefault(RadiusControl,""),`
`589`	`589`	`margin:withDefault(StringControl,""),`
`590`	`590`	`padding:withDefault(StringControl,""),`
	`591`	`+hidden:withDefault(BoolControl,false),`
`591`	`592`	`},`
`592`	`593`	`(props)=>props`
`593`	`594`	`)`
`@@ -624,6 +625,9 @@ const ColumnOption = new MultiCompBuilder(`
`624`	`625`	`preInputNode:<StyledIconas={CompressIcon}title=""/>,`
`625`	`626`	`placeholder:'3px',`
`626`	`627`	`})}`
	`628`	`+{children.hidden.propertyView({`
	`629`	`+label:trans('style.hideColumn'),`
	`630`	`+})}`
`627`	`631`	`</StyledContent>`
`628`	`632`	`))`
`629`	`633`	`.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)