Commitc3454f3

authored

Merge pull request#1747 from kamalqureshi/hide_column_layout

Column Hide Toggle in Responsive Layout

2 parents2dedc8f +54b6d24 commitc3454f3Copy 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`	`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: 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`	`importstyledfrom"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:<StyledIconas={CompressIcon}title=""/>,`
`645`	`647`	`placeholder:'3px',`
`646`	`648`	`})}`
	`649`	`+{children.hidden.propertyView({`
	`650`	`+label:trans('style.hideColumn'),`
	`651`	`+preInputNode:<StyledIconas={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)