docs: 💄 hide navbar on scroll

Signed-off-by: jffarge <jf@dagger.io>

website/docusaurus.config.js

@@ -51,6 +51,7 @@ module.exports = {
           className: "button",
         },
       ],
+      hideOnScroll: true
     },
     algolia: {
       apiKey: "559dcddb4378b889baa48352394616ec",

website/src/css/custom.scss

@@ -62,7 +62,7 @@ $desktop-xl-width: 1160px;
   --ifm-menu-color-background-hover: #fdf9d7;
   --ifm-menu-color-background-active: var(--ifm-menu-color-background-hover);
   --ifm-menu-link-sublist-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M3.318 9.128a24.776 24.776 0 004.224-3.993.842.842 0 011.32.026c1.227 1.618 2.107 3.387 3.831 4.556.889.6-.159 1.9-1.044 1.3A14.369 14.369 0 018.14 7a30.457 30.457 0 01-3.829 3.463c-.845.671-1.834-.67-.993-1.335z" fill="%23131226" /></svg>');
-  --ifm-navbar-height: 7rem;
+  --ifm-navbar-height: 6rem;
   --ifm-navbar-background-color: var(--ifm-color-primary-dark);
   --ifm-navbar-padding-vertical: 0;
   --ifm-pagination-nav-border-radius: 0;
@@ -246,7 +246,7 @@ h1[class^="h1Heading"] {
 .navbar__brand {
   height: 3rem;
   @include desktop {
-    height: 7rem;
+    height: var(--ifm-navbar-height);
   }
 }
 
@@ -320,6 +320,19 @@ h1[class^="h1Heading"] {
   }
 }
 
+a[class^="sidebarLogo"] {
+  img {
+    display: none !important;
+  }
+  background: url("/img/dagger-logo-dark.png") no-repeat left center;
+  background-size: contain;
+
+  html[data-theme="dark"] & {
+    background: url("/img/dagger-logo.png") no-repeat left center;
+    background-size: contain;
+  }
+}
+
 /* main */
 .main-wrapper {
   align-self: center;