Browse Source

fix header design issues (#6334)

Madhu Dollu 2 years ago
parent
commit
f4a382991f
4 changed files with 19 additions and 5 deletions
  1. 3 3
      club/parts/header.html
  2. 7 2
      club/patterns/post-list.php
  3. 4 0
      club/templates/index.html
  4. 5 0
      club/theme.json

+ 3 - 3
club/parts/header.html

@@ -1,6 +1,6 @@
 <!-- wp:group {"className":"gapless-group","layout":{"inherit":"true"}} -->
-<div class="wp-block-group gapless-group"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}},"border":{"bottom":{"color":"var:preset|color|foreground","width":"1px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
-	<div class="wp-block-group alignfull" style="border-bottom-color:var(--wp--preset--color--foreground);border-bottom-width:1px;padding-top:var(--wp--custom--gap--vertical);padding-bottom:var(--wp--custom--gap--vertical)"><!-- wp:group {"layout":{"type":"flex"}} -->
+<div class="wp-block-group gapless-group"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+	<div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:var(--wp--custom--gap--vertical)"><!-- wp:group {"layout":{"type":"flex"}} -->
 	<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
 	
 	<!-- wp:group -->
@@ -8,6 +8,6 @@
 	<!-- /wp:group --></div>
 	<!-- /wp:group -->
 	
-	<!-- wp:navigation {"ref":79,"__unstableLocation":"primary","overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
+	<!-- wp:navigation {"__unstableLocation":"primary","overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
 	<!-- /wp:group --></div>
 	<!-- /wp:group -->

+ 7 - 2
club/patterns/post-list.php

@@ -9,8 +9,8 @@
 
 <!-- wp:query {"queryId":27,"query":{"perPage":"10","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"tagName":"main","displayLayout":{"type":"list","columns":3},"className":"club-post-list-pattern","layout":{"inherit":false}} -->
 <main class="wp-block-query club-post-list-pattern"><!-- wp:post-template -->
-<!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|foreground"}},"spacing":{"padding":{"top":"1em","bottom":"1em"}}}} -->
-<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--foreground);padding-top:1em;padding-bottom:1em"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"1em","bottom":"1em"}}}} -->
+<div class="wp-block-group" style="padding-top:1em;padding-bottom:1em"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}}}} -->
 <div class="wp-block-columns" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:column {"width":"","layout":{"inherit":false}} -->
 <div class="wp-block-column"><!-- wp:columns -->
 <div class="wp-block-columns"><!-- wp:column {"width":"90px"} -->
@@ -36,6 +36,11 @@
 <!-- /wp:column --></div>
 <!-- /wp:columns --></div>
 <!-- /wp:group -->
+
+<!-- wp:separator {"className":"alignfull"} -->
+<hr class="wp-block-separator has-alpha-channel-opacity alignfull"/>
+<!-- /wp:separator -->
+
 <!-- /wp:post-template -->
 
 <!-- wp:paragraph {"placeholder":"<?php echo esc_html__( 'Add text or blocks that will display when the query returns no results.', 'club' ); ?>"} -->

+ 4 - 0
club/templates/index.html

@@ -1,5 +1,9 @@
 <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
+<!-- wp:separator {"style":{"spacing":{"margin":{"bottom":"-1em","top":"0em"}}},"className":"alignfull"} -->
+<hr class="wp-block-separator has-alpha-channel-opacity alignfull" style="margin-top:0em;margin-bottom:-1em"/>
+<!-- /wp:separator -->
+
 <!-- wp:pattern {"slug":"club/posts-list"} /-->
 	
 <!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

+ 5 - 0
club/theme.json

@@ -398,6 +398,11 @@
                             "textDecoration": "underline solid 1.5px",
                             "fontStyle": "italic",
                             "letterSpacing": "-0.04em"
+                        },
+                        ":hover": {
+                            "typography": {
+                                "textDecoration": "none"
+                            }
                         }
                     }
                 }