diff --git a/material-overrides/assets/stylesheets/wormhole.css b/material-overrides/assets/stylesheets/wormhole.css index f9ddfcf2..d3639fdf 100644 --- a/material-overrides/assets/stylesheets/wormhole.css +++ b/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 { diff --git a/material-overrides/main.html b/material-overrides/main.html index 285ac4d5..a932c063 100644 --- a/material-overrides/main.html +++ b/material-overrides/main.html @@ -79,10 +79,4 @@ {% endblock %} -
-
-

Got any questions?

-

Find out more

-
-
{%- endblock -%} diff --git a/material-overrides/partials/header.html b/material-overrides/partials/header.html index 91f4ddaa..06789ab7 100644 --- a/material-overrides/partials/header.html +++ b/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 + -#} +
{% if "material/search" in config.plugins %}