fix(theme): wrap end-of-lines spaces (#1775)

remirror · Jul 8, 2022 · 0faf79e · 0faf79e · github-actions · Jul 8, 2022
1 parent acb7628
commit 0faf79e
Show file tree

Hide file tree

Showing 8 changed files with 37 additions and 48 deletions.
diff --git a/.changeset/seven-timers-prove.md b/.changeset/seven-timers-prove.md
@@ -0,0 +1,6 @@
+---
+'@remirror/styles': patch
+'@remirror/theme': patch
+---
+
+Set style `white-space` as `break-spaces` to wrap end-of-lines spaces.
diff --git a/packages/remirror__styles/all.css b/packages/remirror__styles/all.css
@@ -594,14 +594,6 @@ button:active .remirror-menu-pane-shortcut,
   position: relative;
 }
 
-.remirror-editor.ProseMirror[contenteditable='false'] {
-  white-space: normal;
-}
-
-.remirror-editor.ProseMirror[contenteditable='true'] {
-  white-space: pre-wrap;
-}
-
 .remirror-editor.ProseMirror hr {
   border-color: #2e2e2e;
 }

diff --git a/packages/remirror__styles/core.css b/packages/remirror__styles/core.css
@@ -19,14 +19,6 @@
   position: relative;
 }
 
-.remirror-editor.ProseMirror[contenteditable='false'] {
-  white-space: normal;
-}
-
-.remirror-editor.ProseMirror[contenteditable='true'] {
-  white-space: pre-wrap;
-}
-
 .remirror-editor.ProseMirror hr {
   border-color: #2e2e2e;
 }

diff --git a/packages/remirror__styles/src/dom.tsx b/packages/remirror__styles/src/dom.tsx
@@ -605,14 +605,6 @@ export const coreStyledCss: ReturnType<typeof css> = css`
     position: relative;
   }
 
-  .remirror-editor.ProseMirror[contenteditable='false'] {
-    white-space: normal;
-  }
-
-  .remirror-editor.ProseMirror[contenteditable='true'] {
-    white-space: pre-wrap;
-  }
-
   .remirror-editor.ProseMirror hr {
     border-color: #2e2e2e;
   }

diff --git a/packages/remirror__styles/src/emotion.tsx b/packages/remirror__styles/src/emotion.tsx
@@ -611,14 +611,6 @@ export const coreStyledCss: ReturnType<typeof css> = css`
     position: relative;
   }
 
-  .remirror-editor.ProseMirror[contenteditable='false'] {
-    white-space: normal;
-  }
-
-  .remirror-editor.ProseMirror[contenteditable='true'] {
-    white-space: pre-wrap;
-  }
-
   .remirror-editor.ProseMirror hr {
     border-color: #2e2e2e;
   }

diff --git a/packages/remirror__styles/src/styled-components.tsx b/packages/remirror__styles/src/styled-components.tsx
@@ -610,14 +610,6 @@ export const coreStyledCss: ReturnType<typeof css> = css`
     position: relative;
   }
 
-  .remirror-editor.ProseMirror[contenteditable='false'] {
-    white-space: normal;
-  }
-
-  .remirror-editor.ProseMirror[contenteditable='true'] {
-    white-space: pre-wrap;
-  }
-
   .remirror-editor.ProseMirror hr {
     border-color: #2e2e2e;
   }

diff --git a/packages/remirror__theme/src/core-theme.ts b/packages/remirror__theme/src/core-theme.ts
@@ -23,14 +23,6 @@ export const EDITOR = css`
       position: relative;
     }
 
-    &[contenteditable='false'] {
-      white-space: normal;
-    }
-
-    &[contenteditable='true'] {
-      white-space: pre-wrap;
-    }
-
     hr {
       border-color: #2e2e2e;
     }

diff --git a/website/extension-examples/extension-entity-reference/scroll-to-highlight.tsx b/website/extension-examples/extension-entity-reference/scroll-to-highlight.tsx
@@ -0,0 +1,31 @@
+/**
+ * THIS FILE IS AUTO GENERATED!
+ *
+ * Run `pnpm -w generate:website-examples` to regenerate this file.
+ */
+
+// @ts-nocheck
+
+import React from 'react';
+import CodeBlock from '@theme/CodeBlock';
+import BrowserOnly from '@docusaurus/BrowserOnly';
+import ComponentSource from '!!raw-loader!../../../packages/storybook-react/stories/extension-entity-reference/scroll-to-highlight.tsx';
+
+import { StoryExample } from '../../src/components/story-example-component';
+
+const ExampleComponent = (): JSX.Element => {
+  const story = (
+    <BrowserOnly>
+      {() => {
+        const ComponentStory = require('../../../packages/storybook-react/stories/extension-entity-reference/scroll-to-highlight').default
+        return <ComponentStory/>
+      }}
+    </BrowserOnly>
+  );
+  const source = <CodeBlock className='language-tsx'>{ComponentSource}</CodeBlock>;
+
+  return <StoryExample story={story} source={source} />;
+};
+
+export default ExampleComponent;
+