Merge pull request #120 from papermoonio/dev

Update submodule to 5431d03

material-overrides/assets/stylesheets/wormhole.css

@@ -1045,6 +1045,7 @@ pre .md-clipboard {
 /* Header buttons */
 .md-header__buttons {
   display: flex;
+  gap: 1em;
 }
 
 .md-header__buttons>* {
@@ -1087,7 +1088,7 @@ label[for='__drawer'] svg {
   z-index: 3;
   list-style: none;
   padding: 0;
-  margin: 1em -1em;
+  margin: 1.5em -1em;
   transform: translateZ(0);
 }
 
@@ -1178,8 +1179,6 @@ label[for='__drawer'] svg {
 }
 
 label[for='__search'] span {
-  margin-left: 1.25em;
-  margin-right: 2em;
   border: var(--md-border-width) solid var(--plum);
   border-radius: var(--md-border-radius);
   font-family: var(--md-cta-font);
@@ -1188,6 +1187,7 @@ label[for='__search'] span {
   padding: .8em 1.5em;
   align-items: center;
   gap: 0.5em;
+  font-size: var(--caption-size);
 }
 
 label[for='__search'] svg {
@@ -1287,47 +1287,18 @@ label[for='__search']:hover {
 }
 
 /** Cookbook styling **/
-/* Links at bottom of modal */
-.cookbook-widget {
-  width: min-content;
-  height: fit-content;
-  background-color: var(--grey);
-  border: var(--md-border-width) solid var(--md-border-color);
-  border-right: none;
-  border-top-left-radius: 12px;
-  border-bottom-left-radius: 12px;
-  position: fixed;
-  right: 0;
-  top: 60%;
-  /* Set z-index to be the same value as the header */
-  z-index: 4;
+.md-typeset .md-button.cookbook-button {
+  padding: .8em 1.5em;
+  width: max-content;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-  padding: 24px 16px;
-  gap: 24px;
-}
-
-/* Set the z-index to be greater than .cookbook-widget when search is active */
-[data-md-toggle=search]:checked~.md-header {
-  z-index: 5;
-}
-
-.md-typeset .cookbook-widget__text {
-  gap: 4px;
-}
-
-.md-typeset .cookbook-widget__text h2 {
-  font-size: 1.5rem;
-  line-height: 1;
-  font-family: var(--md-header-font);
-  margin: 0;
+  align-items: center;
+  height: fit-content;
+  gap: 1em;
 }
 
-.md-typeset .cookbook-widget__text p {
-  font-size: var(--body-m-size);
-  margin: 0;
+.md-typeset .md-button.cookbook-button img {
+  height: 1.2rem;
+  width: 1.2rem;
 }
 
 .cookbook-container {

material-overrides/main.html

@@ -79,10 +79,4 @@
       {% endblock %}
     </article>
   </div>
-  <div class="cookbook-widget md-typeset">
-    <div class="cookbook-widget__text">
-      <h2>Got any questions?</h2>
-      <p>Find out more</p>
-    </div>
-  </div>
 {%- endblock -%} 

material-overrides/partials/header.html

@@ -24,6 +24,10 @@
         {% if "navigation.tabs.sticky" in features %}
           {% if "navigation.tabs" in features %}
             {% include "partials/tabs.html" %}
+            {#-
+              This empty div needs to be here as a target container for Cookbook
+            -#}
+            <div class="for-cookbook"></div>
             {% if "material/search" in config.plugins %}
               <label class="search" for="__search">
                 <span>