gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: list widget item collapse toggle (#3623)

Browse Source
This commit is contained in:
Bartholomew 2020-04-19 15:46:09 +01:00 committed by GitHub
parent f88c83b97a
commit 3a666e26b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/netlify-cms-widget-list/src/ListControl.js
View File

@ -411,6 +411,7 @@ export default class ListControl extends React.Component {
ref={this.processControlRef}
controlRef={controlRef}
validationKey={key}
collapsed={collapsed}
/>
)}
</ClassNames>

15
packages/netlify-cms-widget-object/src/ObjectControl.js
View File

@ -15,6 +15,9 @@ const styleStrings = {
objectWidgetTopBarContainer: `
padding: ${lengths.objectWidgetTopBarContainerPadding};
`,
collapsedObjectControl: `
display: none;
`,
};
export default class ObjectControl extends React.Component {
@ -113,7 +116,7 @@ export default class ObjectControl extends React.Component {
render() {
const { field, forID, classNameWrapper, forList } = this.props;
const { collapsed } = this.state;
const collapsed = forList ? this.props.collapsed : this.state.collapsed;
const multiFields = field.get('fields');
const singleField = field.get('field');
@ -141,7 +144,15 @@ export default class ObjectControl extends React.Component {
onCollapseToggle={this.handleCollapseToggle}
/>
)}
{collapsed ? null : this.renderFields(multiFields, singleField)}
<div
className={cx({
[css`
${styleStrings.collapsedObjectControl}
`]: collapsed,
})}
>
{this.renderFields(multiFields, singleField)}
</div>
</div>
)}
</ClassNames>