Dara: Fix display of dotted separator (#7979)

The dotted separator wasn't displaying because the height of the separator was too small. This change overrides the height for the dotted separator only.
Automattic · Jul 31, 2024 · 083d413 · 083d413
1 parent aaf116b
commit 083d413
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/dara/blocks.css b/dara/blocks.css
@@ -333,9 +333,12 @@ hr.wp-block-separator {
 	border: 0;
 }
 
+.wp-block-separator:not(.is-style-dots) {
+	height: 1px;
+}
+
 .wp-block-separator {
 	border: 0;
-	height: 1px;
 	margin: 1.6em auto;
 	background-color: #e6e6e6;
 	max-width: 66%;

diff --git a/dara/editor-blocks.css b/dara/editor-blocks.css
@@ -805,9 +805,12 @@
 
 /* Separator */
 
+.wp-block-separator:not(.is-style-dots) {
+    height:1px;
+}
+
 .wp-block-separator {
 	border: 0;
-	height: 1px;
 	margin: 1.6em auto;
 	background-color: #e6e6e6;
 	max-width: 66%;