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

Style tweeks

Browse Source
This commit is contained in:
Daniel Lautzenheiser
2022-09-07 12:15:43 -04:00
parent 0c5efd19d6
commit 6aaf16594b
25 changed files with 74 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/netlify-cms-core/CHANGELOG.md
View File

@ -3,6 +3,14 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## [2.55.6](https://github.com/netlify/netlify-cms/compare/netlify-cms-core@2.55.2...netlify-cms-core@2.55.6) (2022-09-07)
**Note:** Version bump only for package netlify-cms-core
## [2.55.2](https://github.com/netlify/netlify-cms/compare/netlify-cms-core@2.55.1...netlify-cms-core@2.55.2) (2022-04-13)

4
packages/netlify-cms-core/package.json
View File

@ -1,7 +1,7 @@
{
"name": "netlify-cms-core",
"description": "Netlify CMS core application, see netlify-cms package for the main distribution.",
"version": "2.55.2",
"version": "2.55.6",
"repository": "https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-core",
"bugs": "https://github.com/netlify/netlify-cms/issues",
"module": "dist/esm/index.js",
@ -66,7 +66,7 @@
"redux-devtools-extension": "^2.13.8",
"redux-notifications": "^4.0.1",
"redux-thunk": "^2.3.0",
"remark-gfm": "1.0.0",
"remark-gfm": "3.0.1",
"sanitize-filename": "^1.6.1",
"semaphore": "^1.0.5",
"tomlify-j0.4": "^3.0.0-alpha.0",

2
packages/netlify-cms-core/src/bootstrap.js vendored
View File

@ -2,7 +2,6 @@ import React from 'react';
import { render } from 'react-dom';
import { Provider, connect } from 'react-redux';
import { Route, Router } from 'react-router-dom';
import { GlobalStyles } from 'netlify-cms-ui-default';
import { I18n } from 'react-polyglot';
import { store } from './redux';
@ -85,7 +84,6 @@ function bootstrap(opts = {}) {
function Root() {
return (
<>
<GlobalStyles />
<Provider store={store}>
<ConnectedTranslatedApp />
</Provider>

2
packages/netlify-cms-core/src/components/App/App.js
View File

@ -34,7 +34,7 @@ TopBarProgress.config({
});
const AppMainContainer = styled.div`
min-width: 800px;
min-width: 1200px;
max-width: 1440px;
margin: 0 auto;
`;

2
packages/netlify-cms-core/src/components/App/Header.js
View File

@ -47,7 +47,7 @@ function AppHeader(props) {
const AppHeaderContent = styled.div`
display: flex;
justify-content: space-between;
min-width: 800px;
min-width: 1200px;
max-width: 1440px;
padding: 0 12px;
margin: 0 auto;

1
packages/netlify-cms-core/src/components/Collection/Entries/EntryListing.js
View File

@ -15,6 +15,7 @@ const CardsGrid = styled.ul`
margin-left: -12px;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0;
`;
export default class EntryListing extends React.Component {

1
packages/netlify-cms-core/src/components/Collection/Sidebar.js
View File

@ -39,6 +39,7 @@ const SidebarHeading = styled.h2`
const SidebarNavList = styled.ul`
margin: 16px 0 0;
padding-left: 0;
list-style: none;
overflow: auto;
`;

2
packages/netlify-cms-core/src/components/Editor/EditorControlPane/EditorControlPane.js
View File

@ -23,7 +23,7 @@ import {
} from '../../../lib/i18n';
const ControlPaneContainer = styled.div`
max-width: 800px;
max-width: 1200px;
margin: 0 auto;
padding-bottom: 16px;
font-size: 16px;

4
packages/netlify-cms-core/src/components/Editor/EditorInterface.js
View File

@ -89,7 +89,7 @@ const NoPreviewContainer = styled.div`
const EditorContainer = styled.div`
width: 100%;
min-width: 800px;
min-width: 1200px;
height: 100%;
position: absolute;
top: 0;
@ -252,7 +252,7 @@ class EditorInterface extends Component {
const leftPanelLocale = this.state.leftPanelLocale || locales?.[0];
const editor = (
<ControlPaneContainer overFlow blockEntry={showEventBlocker}>
<ControlPaneContainer id="control-pane" overFlow blockEntry={showEventBlocker}>
<EditorControlPane
{...editorProps}
ref={c => (this.controlPaneRef = c)}

16
packages/netlify-cms-core/src/components/Editor/EditorPreviewPane/EditorPreviewContent.js
View File

@ -1,8 +1,6 @@
import PropTypes from 'prop-types';
import React from 'react';
import { isElement } from 'react-is';
import { ScrollSyncPane } from 'react-scroll-sync';
import { FrameContextConsumer } from 'react-frame-component';
/**
* We need to create a lightweight component here so that we can access the
@ -12,17 +10,9 @@ import { FrameContextConsumer } from 'react-frame-component';
class PreviewContent extends React.Component {
render() {
const { previewComponent, previewProps } = this.props;
return (
<FrameContextConsumer>
{context => (
<ScrollSyncPane attachTo={context.document.scrollingElement}>
{isElement(previewComponent)
? React.cloneElement(previewComponent, previewProps)
: React.createElement(previewComponent, previewProps)}
</ScrollSyncPane>
)}
</FrameContextConsumer>
);
return isElement(previewComponent)
? React.cloneElement(previewComponent, previewProps)
: React.createElement(previewComponent, previewProps);
}
}

23
packages/netlify-cms-core/src/components/Editor/EditorPreviewPane/EditorPreviewPane.js
View File

@ -3,9 +3,9 @@ import React from 'react';
import styled from '@emotion/styled';
import { List, Map } from 'immutable';
import ImmutablePropTypes from 'react-immutable-proptypes';
import Frame, { FrameContextConsumer } from 'react-frame-component';
import { lengths } from 'netlify-cms-ui-default';
import { connect } from 'react-redux';
import { ScrollSyncPane } from 'react-scroll-sync';
import {
resolveWidget,
@ -22,12 +22,13 @@ import EditorPreviewContent from './EditorPreviewContent.js';
import PreviewHOC from './PreviewHOC';
import EditorPreview from './EditorPreview';
const PreviewPaneFrame = styled(Frame)`
const PreviewPaneFrame = styled.div`
width: 100%;
height: 100%;
border: none;
background: #fff;
border-radius: ${lengths.borderRadius};
overflow: auto;
`;
export class PreviewPane extends React.Component {
@ -231,17 +232,13 @@ export class PreviewPane extends React.Component {
return (
<ErrorBoundary config={config}>
<PreviewPaneFrame id="preview-pane" head={styleEls} initialContent={initialContent}>
<FrameContextConsumer>
{({ document, window }) => {
return (
<EditorPreviewContent
{...{ previewComponent, previewProps: { ...previewProps, document, window } }}
/>
);
}}
</FrameContextConsumer>
</PreviewPaneFrame>
<ScrollSyncPane>{/* attachTo={document.getElementById('control-pane')}>*/}
<PreviewPaneFrame id="preview-pane" head={styleEls} initialContent={initialContent}>
<EditorPreviewContent
{...{ previewComponent, previewProps: { ...previewProps, document, window } }}
/>
</PreviewPaneFrame>
</ScrollSyncPane>
</ErrorBoundary>
);
}

2
packages/netlify-cms-core/src/components/Editor/EditorToolbar.js
View File

@ -89,7 +89,7 @@ const ToolbarContainer = styled.div`
top: 0;
left: 0;
width: 100%;
min-width: 800px;
min-width: 1200px;
z-index: ${zIndex.zIndex300};
background-color: #fff;
height: 66px;