From 4ca9b48a132d92a5106fc2fe70646af223727925 Mon Sep 17 00:00:00 2001 From: jinhojang6 Date: Thu, 1 Jun 2023 22:13:42 +0900 Subject: [PATCH] hide sidebar when scrolling down --- packages/docusaurus-playground/docusaurus.config.js | 1 + .../logos-docusaurus-theme/src/client/css/custom.scss | 8 ++++++++ .../src/client/theme/DocSidebar/Desktop/styles.module.css | 2 +- 3 files changed, 10 insertions(+), 1 deletion(-) diff --git a/packages/docusaurus-playground/docusaurus.config.js b/packages/docusaurus-playground/docusaurus.config.js index 5b052d1..824e7a5 100644 --- a/packages/docusaurus-playground/docusaurus.config.js +++ b/packages/docusaurus-playground/docusaurus.config.js @@ -70,6 +70,7 @@ const config = { href: 'https://github.com/status-im', }, ], + hideOnScroll: true, }, footer: { copyright: 'Nimbus @2023
All Rights Reserved.', diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss index e94591d..6986362 100644 --- a/packages/logos-docusaurus-theme/src/client/css/custom.scss +++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss @@ -540,6 +540,14 @@ small { align-items: center; } +a[class^='sidebarLogo_'] { + margin: 0; + + img { + height: 48px; + } +} + @include utils.responsive('sm', 'down') { :root { --ifm-global-spacing: 0.5rem; diff --git a/packages/logos-docusaurus-theme/src/client/theme/DocSidebar/Desktop/styles.module.css b/packages/logos-docusaurus-theme/src/client/theme/DocSidebar/Desktop/styles.module.css index 8863ded..a8fc5ff 100644 --- a/packages/logos-docusaurus-theme/src/client/theme/DocSidebar/Desktop/styles.module.css +++ b/packages/logos-docusaurus-theme/src/client/theme/DocSidebar/Desktop/styles.module.css @@ -3,7 +3,7 @@ display: flex; flex-direction: column; height: 100%; - margin-top: var(--ifm-navbar-height); + padding-top: var(--ifm-navbar-height); /* width: var(--doc-sidebar-width); */ }