Improve styling for List block with text alignment applied

WordPress · Aug 1, 2019 · c83674f · c83674f
1 parent d0b01d4
commit c83674f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/block-library/src/list/editor.scss b/packages/block-library/src/list/editor.scss
@@ -1,5 +1,5 @@
-.editor-styles-wrapper .block-library-list ul,
-.editor-styles-wrapper .block-library-list ol {
+.editor-styles-wrapper .block-library-list ul:not([class*="has-text-align-"]),
+.editor-styles-wrapper .block-library-list ol:not([class*="has-text-align-"]) {
 	padding-left: 1.3em;
 	margin-left: 1.3em;
 }
diff --git a/packages/block-library/src/list/style.scss b/packages/block-library/src/list/style.scss
@@ -0,0 +1,4 @@
+ol[class*="has-text-align-"] li,
+ul[class*="has-text-align-"] li {
+	list-style-position: inside;
+}
diff --git a/packages/block-library/src/style.scss b/packages/block-library/src/style.scss
@@ -10,6 +10,7 @@
 @import "./image/style.scss";
 @import "./latest-comments/style.scss";
 @import "./latest-posts/style.scss";
+@import "./list/style.scss";
 @import "./media-text/style.scss";
 @import "./paragraph/style.scss";
 @import "./pullquote/style.scss";