Canard: Fix display of dotted separator (#7980)

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 · a4e2762 · a4e2762
1 parent 083d413
commit a4e2762
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/canard/blocks.css b/canard/blocks.css
@@ -272,11 +272,14 @@ hr.wp-block-separator {
 .wp-block-separator {
  background-color: #ddd;
  border: 0;
- height: 1px;
  margin-bottom: 30px;
  max-width: 66%;
 }
 
+.wp-block-separator:not(.is-style-dots) {
+ height: 1px;
+}
+
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  margin-left: auto;
  margin-right: auto;

diff --git a/canard/editor-blocks.css b/canard/editor-blocks.css
@@ -1,4 +1,4 @@
-
+`
 /*
  * Theme Name: Canard
  * Description: Gutenberg Block Editor Styles
@@ -747,14 +747,18 @@
 }
 
 /* Separator */
+
 .wp-block-separator {
  background-color: #ddd;
  border: 0;
- height: 1px;
  margin-bottom: 30px;
  max-width: 66%;
 }
 
+.wp-block-separator:not(.is-style-dots) {
+ height: 1px;
+}
+
 .wp-block-separator.is-wide {
  max-width: 100%;
 }