Fix float inside post editor

ejoweb · May 2, 2024 · 4853f81 · 4853f81
1 parent e012a23
commit 4853f81
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/assets/css/editor.css b/assets/css/editor.css
@@ -8,14 +8,27 @@ experience.
 The goal is to keep this file to a minimum. 
 */
 
+
+/* ------------------------ CHANGE DEFAULT BEHAVIOR ------------------------- */
+
 /* Remove global padding from site container */
 .editor-styles-wrapper {
 	padding: 0 !important;
 }
 
+/* Left and right alignments (float inside content) */
+.is-root-container > .alignleft {
+    margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
+}
+
+.is-root-container > .alignright {
+    margin-right: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
+}
+
 
 /* -------------------------------- CUSTOM ---------------------------------- */
 
 .image-button-2 > .wp-block-image > .components-resizable-box__container {
     aspect-ratio: 21/9 !important;
 }
+
diff --git a/style.css b/style.css
@@ -129,11 +129,11 @@ h6.has-background {
   */
 
 .entry-content > .alignleft {
-  margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
+    margin-left: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
 }
 
 .entry-content > .alignright {
-  margin-right: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
+    margin-right: max(0px, calc((100% - var(--wp--style--global--content-size)) / 2)) !important;
 }
 
 /* -------------------------------- CONTEXT -------------------------------- */