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

Adjust editor width dynamically

Browse Source
This commit is contained in:
Daniel Lautzenheiser 2022-09-22 18:44:21 -04:00
parent 5ca98dac68
commit 1bac90f12d
4 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -70,7 +70,7 @@ function ReactSplitPaneGlobalStyles() {
const StyledSplitPane = styled.div` const StyledSplitPane = styled.div`
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-columns: min(864px, 50%) auto;;
height: 100%; height: 100%;
> div:nth-child(2)::before { > div:nth-child(2)::before {

2
packages/netlify-cms-core/src/components/Editor/EditorPreviewPane/EditorPreviewContent.tsx
View File

@ -14,7 +14,7 @@ interface PreviewContentProps {
} }
const StyledPreviewContent = styled.div` const StyledPreviewContent = styled.div`
width: calc(50% - 2px); width: calc(100% - min(864px, 50%));
top: 66px; top: 66px;
right: 0; right: 0;
position: absolute; position: absolute;

2
packages/netlify-cms-lib-util/src/index.ts
View File

@ -55,6 +55,7 @@ import {
parsePointerFile, parsePointerFile,
getPointerFileForMediaFileObj, getPointerFileForMediaFileObj,
} from './git-lfs'; } from './git-lfs';
import transientOptions from './transientOptions';
import type { PointerFile as PF } from './git-lfs'; import type { PointerFile as PF } from './git-lfs';
import type { FetchError as FE, ApiRequest as AR } from './API'; import type { FetchError as FE, ApiRequest as AR } from './API';
@ -207,4 +208,5 @@ export {
allEntriesByFolder, allEntriesByFolder,
AccessTokenError, AccessTokenError,
throwOnConflictingBranches, throwOnConflictingBranches,
transientOptions,
}; };

2
packages/netlify-cms-ui-default/src/ListItemTopBar.js
View File

@ -1,7 +1,7 @@
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React from 'react'; import React from 'react';
import transientOptions from 'netlify-cms-lib-util'; import { transientOptions } from 'netlify-cms-lib-util';
import Icon from './Icon'; import Icon from './Icon';
import { buttons, colors, lengths } from './styles'; import { buttons, colors, lengths } from './styles';