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

Only include default preview frame styles if no preview styles are provided

Browse Source
This commit is contained in:
Daniel Lautzenheiser 2023-04-04 21:50:00 -04:00
parent 8e06fe0fd6
commit 7413483266
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
BREAKING_CHANGES.md
View File

@ -9,6 +9,10 @@ BREAKING_CHANGES
- media path changed from `string | string[]` to `{ path: string | string[], alt?: string }` - media path changed from `string | string[]` to `{ path: string | string[], alt?: string }`
- Nested collections, meta config moved into nested config. - Nested collections, meta config moved into nested config.
CHANGES
- Default styles are now provided in the preview frame. If you provide your own via `registerPreviewStyle`, then these default styles will not be included.
ADDED ADDED
- `forSingleList` - Allows for changing styles for single list items - `forSingleList` - Allows for changing styles for single list items

26
packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.tsx
View File

@ -112,18 +112,20 @@ const PreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
const { widgetFor, widgetsFor } = useWidgetsFor(config, collection, fields, entry); const { widgetFor, widgetsFor } = useWidgetsFor(config, collection, fields, entry);
const previewStyles = useMemo( const previewStyles = useMemo(() => {
() => [ const styles = getPreviewStyles().map((style, i) => {
...getPreviewStyles().map((style, i) => { if (style.raw) {
if (style.raw) { return <style key={i}>{style.value}</style>;
return <style key={i}>{style.value}</style>; }
} return <link key={i} href={style.value} type="text/css" rel="stylesheet" />;
return <link key={i} href={style.value} type="text/css" rel="stylesheet" />; });
}),
<style key="global">{FrameGlobalStyles}</style>, if (styles.length === 0) {
], return <style key="global">{FrameGlobalStyles}</style>;
[], }
);
return styles;
}, []);
const previewComponent = useMemo( const previewComponent = useMemo(
() => getPreviewTemplate(selectTemplateName(collection, entry.slug)) ?? EditorPreview, () => getPreviewTemplate(selectTemplateName(collection, entry.slug)) ?? EditorPreview,