Browse Source

Fix/videomaker heading spacing (#5178)

* Corrected videomaker header and content spacing to match design targets.

Co-authored-by: Kjell Reigstad <kjell@kjellr.com>
Jason Crist 3 years ago
parent
commit
4ee18413af

+ 0 - 3
videomaker/block-template-parts/header-spacer.html

@@ -1,3 +0,0 @@
-<!-- wp:spacer {"height":160} -->
-<div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->

+ 4 - 0
videomaker/block-templates/404.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header-minimal","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":110} -->
+<div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:group {"layout":{"inherit":true},"tagName":"main"} -->
 <main class="wp-block-group">
 	<!-- wp:pattern {"slug":"blockbase/404"} /-->

+ 4 - 0
videomaker/block-templates/archive.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header-minimal","tagName":"header","layout":{"inherit":true}} /-->
 
+<!-- wp:spacer {"height":110} -->
+<div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:query {"tagName":"main","layout":{"inherit":true}} -->
 <main class="wp-block-query">
 <!-- wp:query-title {"type":"archive","style":{"spacing":{"margin":{"bottom":"100px"}}}} /-->

+ 2 - 2
videomaker/block-templates/header-footer-only.html

@@ -1,7 +1,7 @@
 <!-- wp:template-part {"area":"header","slug":"header-minimal","tagName":"header"} /-->
 
-<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var(--wp--custom--gap--vertical)"}}}} -->
-<main class="wp-block-group" style="margin-top: var(--wp--custom--gap--vertical)">
+<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"0"}}}} -->
+<main class="wp-block-group" style="margin-top:0">
 
 <!-- wp:post-content {"layout":{"inherit":true}} /-->
 </main>

+ 4 - 0
videomaker/block-templates/index.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"slug":"header-minimal","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":110} -->
+<div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:query {"tagName":"main","layout":{"inherit":true}} -->
 <main class="wp-block-query">
 

+ 2 - 2
videomaker/block-templates/page.html

@@ -1,7 +1,7 @@
 <!-- wp:template-part {"area":"header","slug":"header-minimal","tagName":"header"} /-->
 
-<!-- wp:spacer {"height":170} -->
-<div style="height:170px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- wp:spacer {"height":110} -->
+<div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
 <!-- wp:group {"tagName":"main"} -->

+ 4 - 0
videomaker/block-templates/search.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header-minimal","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":110} -->
+<div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:group {"layout":{"inherit":true},"tagName":"main"} -->
 <main class="wp-block-group">
 

+ 4 - 0
videomaker/block-templates/single.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"area":"header","slug":"header-minimal","tagName":"header"} /-->
 
+<!-- wp:spacer {"height":110} -->
+<div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
 <!-- wp:group {"tagName":"main"} -->
 <main class="wp-block-group">