float style fix

ibastawisi · Aug 19, 2024 · 3ec4bc1 · 3ec4bc1
1 parent db972cd
commit 3ec4bc1
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 8 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -122,6 +122,12 @@ body:has(#app-toolbar) .editor-container [id] {
   outline: 0;
 }
 
+.document-container {
+  user-select: text;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
 .excalidraw.excalidraw-modal-container,
 #typeahead-menu {
   z-index: 1500 !important;

diff --git a/src/components/EditorSkeleton.tsx b/src/components/EditorSkeleton.tsx
@@ -210,7 +210,7 @@ export const EditorSkeleton: React.FC<PropsWithChildren> = ({ children }) => {
         </Toolbar >
       </AppBar>
       {toolbarTrigger && <Box sx={(theme) => ({ ...theme.mixins.toolbar, displayPrint: "none" })} />}
-      <div className="editor-input">{children}</div>
+      <div className="document-container">{children}</div>
     </>
   );
 }
diff --git a/src/editor/nodes/ImageNode/index.tsx b/src/editor/nodes/ImageNode/index.tsx
@@ -12,6 +12,7 @@ import {
   $createTextNode,
   $getRoot,
   $setSelection,
+  BaseSelection,
   DOMConversionMap,
   DOMConversionOutput,
   DOMExportOutput,
@@ -282,6 +283,14 @@ export class ImageNode extends DecoratorNode<JSX.Element> {
     return this.__altText;
   }
 
+  isSelected(selection?: null | BaseSelection): boolean {
+    try {
+      return super.isSelected(selection);
+    } catch (e) {
+      return false;
+    }
+  }
+
   decorate(): JSX.Element {
     const self = this.getLatest();
     const html = self.__caption.getEditorState().read(() => $generateHtmlFromNodes(self.__caption));

diff --git a/src/editor/theme.css b/src/editor/theme.css
@@ -152,6 +152,7 @@
   width: 100%;
   position: relative;
   z-index: 1;
+  margin: 0 0 1rem 0;
 }
 
 .LexicalTheme__tableSelection *::selection {
@@ -193,31 +194,30 @@
 }
 
 .LexicalTheme__table:is([style*="text-align:right"], [style*="text-align: right"]) {
-  margin: 0 0 0 auto;
+  margin-left: auto;
   table-layout: auto;
   width: auto;
 }
 
 .LexicalTheme__table:is([style*="text-align:left"], [style*="text-align: left"]) {
-  margin: 0 auto 0 0;
+  margin-right: auto;
   table-layout: auto;
   width: auto;
 }
 
 .LexicalTheme__table:is([style*='text-align:justify'], [style*='text-align: justify']) {
-  margin: 0;
   table-layout: fixed;
   width: 100%;
 }
 
 .LexicalTheme__table:is([style*="float:left"], [style*="float: left"]) {
-  margin: 0 1em 0 0;
+  margin-right: 1rem;
   table-layout: auto;
   width: auto;
 }
 
 .LexicalTheme__table:is([style*="float:right"], [style*="float: right"]) {
-  margin: 0 0 0 1em;
+  margin-left: 1rem;
   table-layout: auto;
   width: auto;
 }
@@ -453,14 +453,15 @@ iframe {
   border-bottom-right-radius: 60px 5px;
   display: flex;
   flex-direction: column;
+  margin: 0.5rem 0;
 }
 
 .sticky-note:is([style*="float:left"], [style*="float: left"]) {
-  margin: 0.5rem 0.5rem 0.5rem 0;
+  margin-right: 1rem;
 }
 
 .sticky-note:is([style*="float:right"], [style*="float: right"]) {
-  margin: 0.5rem 0 0.5rem 0.5rem;
+  margin-left: 1rem;
 }
 
 .sticky-note .nested-contentEditable {