UI Tweaks and bug fixes

This commit is contained in:
Daniel Lautzenheiser
2022-09-22 18:09:57 -04:00
parent 613a1cec76
commit 1aeffbf9c4
83 changed files with 171 additions and 113 deletions

View File

@ -23,7 +23,7 @@
"build:esm": "cross-env NODE_ENV=esm babel src --out-dir dist/esm --ignore \"**/__tests__\" --root-mode upward"
},
"peerDependencies": {
"@emotion/core": "11.0.0",
"@emotion/react": "11.10.4",
"@emotion/styled": "11.10.4",
"immutable": "^3.7.6",
"lodash": "^4.17.11",

View File

@ -1,14 +1,15 @@
import React from 'react';
import PropTypes from 'prop-types';
import ImmutablePropTypes from 'react-immutable-proptypes';
import { ClassNames } from '@emotion/core';
import { ClassNames } from '@emotion/react';
import styled from '@emotion/styled';
import { List, Map } from 'immutable';
import { colors, lengths, ObjectWidgetTopBar } from 'netlify-cms-ui-default';
import { stringTemplate } from 'netlify-cms-lib-widgets';
const styleStrings = {
nestedObjectControl: `
padding: 6px 14px 14px;
padding: 6px 14px 0;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
@ -21,6 +22,10 @@ const styleStrings = {
`,
};
const StyledFieldsBox = styled.div`
padding-bottom: 14px;
`;
export default class ObjectControl extends React.Component {
componentValidate = {};
@ -175,7 +180,7 @@ export default class ObjectControl extends React.Component {
t={t}
/>
)}
<div
<StyledFieldsBox
className={cx({
[css`
${styleStrings.collapsedObjectControl}
@ -183,7 +188,7 @@ export default class ObjectControl extends React.Component {
})}
>
{this.renderFields(multiFields, singleField)}
</div>
</StyledFieldsBox>
</div>
)}
</ClassNames>