Remove search filter from search modal

iotaledger · Jul 30, 2024 · 1ddf1d7 · 1ddf1d7
1 parent fbdf425
commit 1ddf1d7
Showing 5 changed files with 72 additions and 80 deletions.
diff --git a/src/theme/SearchBar/index.js b/src/theme/SearchBar/index.js
@@ -26,7 +26,7 @@ import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import { createPortal } from 'react-dom';
 import translations from '@theme/SearchTranslations';
-import { FilterDropdown } from './FilterDropdown';
+import { FilterDropdown } from '../SearchPage/FilterDropdown';
 import { SearchContext } from '@site/src/utils/SearchContext';
 import { allFacets } from '@site/src/utils/searchConstant';
 
@@ -184,14 +184,6 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
         ref={searchButtonRef}
         translations={translations.button}
       />
-      {isOpen && (
-        <FilterDropdown
-          selectedFacets={selectedFacets}
-          setSelectedFacets={setSelectedFacets}
-          ref={filterDropdownMenuRef}
-        />
-      )}
-
       {isOpen &&
         DocSearchModal &&
         searchContainer.current &&

diff --git a/src/theme/SearchBar/styles.module.css b/src/theme/SearchBar/styles.module.css
diff --git a/src/theme/SearchBar/FilterDropdown.js → src/theme/SearchPage/FilterDropdown.js b/src/theme/SearchBar/FilterDropdown.js → src/theme/SearchPage/FilterDropdown.js
diff --git a/src/theme/SearchPage/index.js b/src/theme/SearchPage/index.js
@@ -35,7 +35,7 @@ import {
 import Layout from '@theme/Layout';
 import styles from './styles.module.css';
 import { SearchContext } from '@site/src/utils/SearchContext';
-import { FilterDropdown } from '../SearchBar/FilterDropdown';
+import { FilterDropdown } from './FilterDropdown';
 // Very simple pluralization: probably good enough for now
 function useDocumentsFoundPlural() {
   const { selectMessage } = usePluralForm();

diff --git a/src/theme/SearchPage/styles.module.css b/src/theme/SearchPage/styles.module.css
@@ -116,3 +116,73 @@
   align-items: center;
   width: 125%;
 }
+.dropdown {
+  position: absolute;
+  right: 22%;
+  top: 245%;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: var(--ifm-font-weight-semibold);
+}
+.activeAnnouncementBar {
+  top: 200%;
+}
+.isScrolled {
+  top: 250%;
+}
+.dropdownMenu {
+  color: var(--ifm-navbar-link-color);
+  width: 210px;
+  position: absolute;
+  padding: 15px;
+  height: 300px;
+  left: -35%;
+  top: 104%;
+}
+.dropdownMenu::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+
+.dropdownMenu {
+  scrollbar-width: thin;
+}
+
+.subFilters {
+  margin-left: 20px;
+}
+.subChildFilters {
+  margin-left: 35px;
+}
+@media (max-width: 996px) {
+  .dropdown {
+    position: absolute;
+    right: 665%;
+    top: 459%;
+  }
+  .activeAnnouncementBar {
+    top: 340%;
+  }
+  .isScrolled {
+    top: 470%;
+  }
+  .dropdownMenu {
+    left: 65%;
+  }
+}
+
+@media (max-width: 770px) {
+  .dropdown {
+    position: absolute;
+    right: 396%;
+    top: 253%;
+  }
+  .activeAnnouncementBar {
+    top: 128%;
+  }
+  .dropdownMenu {
+    position: absolute;
+    top: 101%;
+    left: -4%;
+  }
+}