From b7e765a4104243985dfea5a0ac15e5bf4ccee659 Mon Sep 17 00:00:00 2001
From: Ushie <ushiekane@gmail.com>
Date: Tue, 8 Aug 2023 03:39:05 +0300
Subject: [PATCH] feat: add navbar shadow effect on scroll

---
 docusaurus/docusaurus.config.js | 2 ++
 docusaurus/src/css/custom.css   | 7 +++++++
 2 files changed, 9 insertions(+)

diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
index d3b9470..49b4c6a 100644
--- a/docusaurus/docusaurus.config.js
+++ b/docusaurus/docusaurus.config.js
@@ -57,6 +57,8 @@ const config = {
         },
       },
       navbar: {
+        /* because we can't add a .scrolled class to docusaurus on scroll, we're abusing hide on scroll */
+        hideOnScroll: true,
         logo: {
           alt: 'ReVanced Logo',
           target: '_self',
diff --git a/docusaurus/src/css/custom.css b/docusaurus/src/css/custom.css
index b051cef..507e36a 100644
--- a/docusaurus/src/css/custom.css
+++ b/docusaurus/src/css/custom.css
@@ -45,6 +45,13 @@
   padding: 0 2.5rem;
 }
 
+/* because we can't add a .scrolled class to docusaurus on scroll, we're abusing hide on scroll */
+.navbarHidden_node_modules-\@docusaurus-theme-classic-lib-theme-Navbar-Layout-styles-module {
+  transform: none !important;
+  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
+    0px 2px 4px -1px rgba(0, 0, 0, 0.2);
+}
+
 .navbar__items {
   gap: 1rem;
 }