Browse Source

Merge pull request #1181 from Automattic/fix/site-description-block-jump

FSE: Add line height to site description block to prevent jump
Noah Allen 6 years ago
parent
commit
3004ef3258
2 changed files with 9 additions and 3 deletions
  1. 2 1
      modern-business/style-editor.css
  2. 7 2
      modern-business/style-editor.scss

+ 2 - 1
modern-business/style-editor.css

@@ -1840,9 +1840,10 @@ ul.wp-block-archives li ul,
 }
 
 /** === Site Description Block === */
-.wp-block-a8c-site-description {
+.wp-block-a8c-site-description, .wp-block-a8c-site-description:focus {
   text-align: center;
   margin: 0;
+  line-height: 0.8em;
 }
 
 /** === Classic Editor === */

+ 7 - 2
modern-business/style-editor.scss

@@ -910,8 +910,13 @@ ul.wp-block-archives,
 /** === Site Description Block === */
 
 .wp-block-a8c-site-description {
-	text-align: center;
-	margin: 0;
+	&,&:focus {
+		text-align: center;
+		margin: 0;
+		// Line height rounded up from the description text-size set in style.css.
+		// It needs to be a bit larger to prevent text from getting cropped on top.
+		line-height: 0.8em;
+	}
 }
 
 /** === Classic Editor === */