Tidy up entry title display

kjellr · kjellr · commit 3bbcd26e27f0 · 2021-08-09T10:09:27.000-04:00
as well as bottom spacing for the default template.
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css b/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
@@ -1807,7 +1807,7 @@ p.has-background {
 	}
 }
 
-.entry-header .wp-block-post-title {
+.wp-block-post-title.entry-title {
 	margin-bottom: 60px;
 }
 
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css.map b/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css.map
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie.css b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
@@ -4122,7 +4122,7 @@ p.has-text-color a {
 	}
 }
 
-.entry-header .wp-block-post-title {
+.wp-block-post-title.entry-title {
 	margin-bottom: 60px;
 }
 
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie.css.map b/src/wp-content/themes/twentytwentyone/assets/css/ie.css.map
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css
@@ -1440,7 +1440,7 @@ p.has-background {
 	margin-bottom: calc(2 * var(--global--spacing-vertical));
 }
 
-.entry-header .wp-block-post-title {
+.wp-block-post-title.entry-title {
 	margin-bottom: calc(2 * var(--global--spacing-vertical));
 }
 
diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css.map b/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css.map
diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/post-title/_editor.scss b/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/post-title/_editor.scss
@@ -2,9 +2,9 @@
 	line-height: var(--heading--line-height-h1);
 	font-weight: var(--heading--font-weight-page-title);
 	font-size: var(--global--font-size-page-title);
-}
 
-// Add extra bottom margin when used in entry-header.
-.entry-header .wp-block-post-title {
-	margin-bottom: calc(2 * var(--global--spacing-vertical));
+	// Add extra bottom margin when used in the default template.
+	&.entry-title {
+		margin-bottom: calc(2 * var(--global--spacing-vertical));
+	}
 }
diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/post-title/_style.scss b/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/post-title/_style.scss
@@ -3,9 +3,9 @@
 	font-weight: var(--heading--font-weight-page-title);
 	font-size: var(--global--font-size-page-title);
 	margin-bottom: calc(2 * var(--global--spacing-vertical));
-}
 
-// Add extra bottom margin when used in entry-header.
-.entry-header .wp-block-post-title {
-	margin-bottom: calc(2 * var(--global--spacing-vertical));
+	// Add extra bottom margin when used in the default template.
+	&.entry-title {
+		margin-bottom: calc(2 * var(--global--spacing-vertical));
+	}
 }
diff --git a/src/wp-content/themes/twentytwentyone/block-templates/default.html b/src/wp-content/themes/twentytwentyone/block-templates/default.html
@@ -14,8 +14,8 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"full","tagName":"main"} -->
-<div class="wp-block-group alignfull entry-header"><!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
-<div class="wp-block-group alignwide"><!-- wp:post-title {"level":1,"align":"wide"} /-->
+<div class="wp-block-group alignfull"><!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
+<div class="wp-block-group alignwide"><!-- wp:post-title {"level":1,"align":"wide","className":"entry-title"} /-->
 
 <!-- wp:separator {"align":"wide","className":"is-style-twentytwentyone-separator-thick"} -->
 <hr class="wp-block-separator alignwide is-style-twentytwentyone-separator-thick"/>
@@ -38,7 +38,7 @@
 
 <!-- wp:post-date {"fontSize":"extra-small"} /-->
 
-<!-- wp:spacer {"height":30} -->
-<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":76} -->
+<div style="height:76px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer --></div>
 <!-- /wp:group -->
diff --git a/src/wp-content/themes/twentytwentyone/style-rtl.css b/src/wp-content/themes/twentytwentyone/style-rtl.css
@@ -2908,7 +2908,7 @@ p.has-text-color a {
 	margin-bottom: calc(2 * var(--global--spacing-vertical));
 }
 
-.entry-header .wp-block-post-title {
+.wp-block-post-title.entry-title {
 	margin-bottom: calc(2 * var(--global--spacing-vertical));
 }
 
diff --git a/src/wp-content/themes/twentytwentyone/style.css b/src/wp-content/themes/twentytwentyone/style.css
@@ -2918,7 +2918,7 @@ p.has-text-color a {
 	margin-bottom: calc(2 * var(--global--spacing-vertical));
 }
 
-.entry-header .wp-block-post-title {
+.wp-block-post-title.entry-title {
 	margin-bottom: calc(2 * var(--global--spacing-vertical));
 }
 
diff --git a/src/wp-content/themes/twentytwentyone/style.css.map b/src/wp-content/themes/twentytwentyone/style.css.map

Original file line number	Diff line number	Diff line change
`@@ -1807,7 +1807,7 @@ p.has-background {`
`1807`	`1807`	`}`
`1808`	`1808`	`}`
`1809`	`1809`
`1810`		`-.entry-header .wp-block-post-title {`
	`1810`	`+.wp-block-post-title.entry-title {`
`1811`	`1811`	`margin-bottom: 60px;`
`1812`	`1812`	`}`
`1813`	`1813`
Original file line number	Diff line number	Diff line change
`@@ -4122,7 +4122,7 @@ p.has-text-color a {`
`4122`	`4122`	`}`
`4123`	`4123`	`}`
`4124`	`4124`
`4125`		`-.entry-header .wp-block-post-title {`
	`4125`	`+.wp-block-post-title.entry-title {`
`4126`	`4126`	`margin-bottom: 60px;`
`4127`	`4127`	`}`
`4128`	`4128`
Original file line number	Diff line number	Diff line change
`@@ -1440,7 +1440,7 @@ p.has-background {`
`1440`	`1440`	`margin-bottom: calc(2 * var(--global--spacing-vertical));`
`1441`	`1441`	`}`
`1442`	`1442`
`1443`		`-.entry-header .wp-block-post-title {`
	`1443`	`+.wp-block-post-title.entry-title {`
`1444`	`1444`	`margin-bottom: calc(2 * var(--global--spacing-vertical));`
`1445`	`1445`	`}`
`1446`	`1446`
Original file line number	Diff line number	Diff line change
`@@ -2908,7 +2908,7 @@ p.has-text-color a {`
`2908`	`2908`	`margin-bottom: calc(2 * var(--global--spacing-vertical));`
`2909`	`2909`	`}`
`2910`	`2910`
`2911`		`-.entry-header .wp-block-post-title {`
	`2911`	`+.wp-block-post-title.entry-title {`
`2912`	`2912`	`margin-bottom: calc(2 * var(--global--spacing-vertical));`
`2913`	`2913`	`}`
`2914`	`2914`