Adjust header menu for Gutenberg 10.7.1. Issue #26

bobbingwide · Jun 2, 2021 · 2f69a3b · 2f69a3b
1 parent 8572e6e
commit 2f69a3b
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 20 deletions.
diff --git a/block-template-parts/header-menu.html b/block-template-parts/header-menu.html
@@ -1,4 +1,4 @@
-<!-- wp:navigation {"orientation":"horizontal"} -->
+<!-- wp:navigation {"orientation":"horizontal","backgroundColor":"background","isResponsive":true,"style":{"typography":{"fontSize":"14px","fontStyle":"normal","fontWeight":"500"}}} -->
 <!-- wp:navigation-link {"label":"Home","url":"https://s.b/wp56/"} /-->
 
 <!-- wp:navigation-link {"label":"Blocks","url":"https://s.b/wp56/block/"} /-->

diff --git a/block-template-parts/header.html b/block-template-parts/header.html
@@ -1,19 +1,15 @@
-    <!-- wp:columns -->
-    <div class="wp-block-columns"><!-- wp:column {"width":"80px"} -->
-        <div class="wp-block-column" style="flex-basis:80px"><!-- wp:site-logo {"align":"center","width":64} /--></div>
-        <!-- /wp:column -->
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"80px"} -->
+    <div class="wp-block-column" style="flex-basis:80px"><!-- wp:site-logo {"align":"center","width":64,"className":"is-style-default"} /--></div>
+    <!-- /wp:column -->
 
-        <!-- wp:column {"width":"33.33%"} -->
-        <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:site-title {"level":0,"textAlign":"left","fontSize":"medium","style":{"typography":{"lineHeight":"1"}}} /-->
+    <!-- wp:column {"width":"33.33%"} -->
+    <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:site-title {"level":0,"textAlign":"left","style":{"typography":{"lineHeight":"1"},"elements":{"link":{"color":{"text":"#333333"}}}},"fontSize":"medium"} /-->
 
-            <!-- wp:site-tagline {"fontSize":"small","style":{"typography":{"lineHeight":"1"}}} /--></div>
-        <!-- /wp:column -->
+        <!-- wp:site-tagline {"style":{"typography":{"lineHeight":"1"}},"textColor":"foreground","fontSize":"small"} /--></div>
+    <!-- /wp:column -->
 
-        <!-- wp:column {"width":""} -->
-        <div class="wp-block-column" style="">
-            <!-- wp:template-part {"slug":"header-menu","theme":"fizzie"} /-->
-
-
-            </div>
-        <!-- /wp:column --></div>
-    <!-- /wp:columns -->
+    <!-- wp:column {"width":""} -->
+    <div class="wp-block-column"><!-- wp:template-part {"slug":"header-menu","theme":"fizzie"} /--></div>
+    <!-- /wp:column --></div>
+<!-- /wp:columns -->
diff --git a/style.css b/style.css
@@ -93,9 +93,12 @@ header .wp-block-columns {
     margin-bottom: 0;
 }
 
+/*
 header a {
     color: #333;
 }
+*/
+
 
 header {
     /* border-bottom: 1px solid grey; */
@@ -144,6 +147,13 @@ header {
 }
 
 
+
+.wp-block-navigation .wp-block-navigation-link__label:hover,
+.wp-block-navigation-link.current-menu-item > a .wp-block-navigation-link__label {
+    color: #792b0c;
+}
+
+
 .page-footer {
     margin-top: 1em;
 }
@@ -288,23 +298,25 @@ p.wp-block-site-tagline {
 }
 
 .wp-block-navigation ul {
-    margin-top: 2em;
+    margin-top: 1.5em;
 }
 
+
 .wp-block-navigation ul ul {
     margin-top: 0em;
 }
 
+.wp-block-navigation.wp-block-navigation a,
 .wp-block-navigation a {
     border: 1px solid #baba54;
     margin: 0 auto;
     color: #ffffff;
     text-decoration: none;
     background-color: #a2ab3b;
-    font-size: 13px;
+    /* font-size: 13px; */
 }
 
-.wp-block-navigation a:hover,
+.wp-block-navigation  .wp-block-navigation-link__content:hover,
 .wp-block-navigation .current-menu-item > a {
 background: #ffffff;
 border: 1px solid #baba54;