From 9c369230b2c52ce2ffc48aa857840d25ad7cf48b Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Mon, 9 Dec 2024 15:48:29 +0000 Subject: [PATCH 1/3] restore toolbar --- src/css/toolbar.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/css/toolbar.css b/src/css/toolbar.css index f00cabab..72220325 100644 --- a/src/css/toolbar.css +++ b/src/css/toolbar.css @@ -1,3 +1,17 @@ +.toolbar { + color: var(--toolbar-font-color); + align-items: center; + background-color: var(--toolbar-background); + box-shadow: 0 1px 0 var(--toolbar-border-color); + display: flex; + font-size: calc(15 / var(--rem-base) * 1rem); + height: var(--toolbar-height); + justify-content: flex-start; + position: sticky; + top: var(--navbar-height); + z-index: var(--z-index-toolbar); +} + body.has-banner .toolbar { top: calc(var(--navbar-height) + var(--banner-height)); } From 63d70996f9940ed5a1c5241db2531619151ccc53 Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Mon, 9 Dec 2024 16:15:59 +0000 Subject: [PATCH 2/3] toolbar shadow --- src/css/docs-ndl.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index 7ba05638..0ce9f693 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -140,6 +140,16 @@ body.docs-ndl .nav-menu .nav-item > a > strong { /* end of nav */ +/* toolbar */ + +body.docs-ndl .toolbar { + box-shadow: none; +} + +/* body.docs-ndl.explainer .toolbar { + background-color: rgba(var(--colors-neutral-10)); +} */ + body.docs-ndl .doc a { text-decoration: none; } From 728003f58a93d7d6ee35ceec38d3067ba4a97364 Mon Sep 17 00:00:00 2001 From: Neil Dewhurst Date: Mon, 9 Dec 2024 16:30:53 +0000 Subject: [PATCH 3/3] revert some toolbar --- src/css/docs-ndl.css | 10 +++++----- src/css/toolbar.css | 5 +++-- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/css/docs-ndl.css b/src/css/docs-ndl.css index 0ce9f693..8e72e6d8 100644 --- a/src/css/docs-ndl.css +++ b/src/css/docs-ndl.css @@ -142,13 +142,13 @@ body.docs-ndl .nav-menu .nav-item > a > strong { /* toolbar */ -body.docs-ndl .toolbar { - box-shadow: none; +body.docs-ndl.hub .toolbar { + visibility: hidden; } -/* body.docs-ndl.explainer .toolbar { +body.docs-ndl.explainer .toolbar { background-color: rgba(var(--colors-neutral-10)); -} */ +} body.docs-ndl .doc a { text-decoration: none; @@ -829,7 +829,7 @@ body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link { } body.docs-ndl .cards .sect2 .paragraph.category { - display: flex; + display: none; } body.docs-ndl .plain-links a.external::after { diff --git a/src/css/toolbar.css b/src/css/toolbar.css index 72220325..cf2e9d8a 100644 --- a/src/css/toolbar.css +++ b/src/css/toolbar.css @@ -51,6 +51,8 @@ body.has-banner .toolbar { } .home-link { + background: url(../img/home-o.svg) no-repeat 50% 45%; + background-size: 50%; display: block; height: 2.5rem; margin: 0; @@ -60,8 +62,7 @@ body.has-banner .toolbar { .home-link:hover, .home-link.is-current { - background: rgba(var(--colors-baltic-10)); - color: rgba(var(--colors-baltic-50)); + background-image: url(../img/home.svg); } .home-link a line {