Merge pull request #432 from sharetribe/fix-SearchFiltersMobile-being…

…-behind-topbar SearchPage: SearchFiltersMobile (modal) should be above topbar.
sharetribe · Aug 15, 2024 · 4f6c242 · 4f6c242
2 parents 8ce152e + 0eaa98a
commit 4f6c242
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,6 +14,9 @@ way to update this template, but currently, we follow a pattern:
 
 ## Upcoming version 2024-XX-XX
 
+- [fix] SearchPage: SearchFiltersMobile (modal) should be above topbar.
+  [#432](https://github.com/sharetribe/web-template/pull/432)
+
 ## [v5.3.0] 2024-08-13
 
 - [change] ProfilePage: redirect Stripe's crawler to landing page (profile page might be empty).

diff --git a/src/containers/SearchPage/SearchPage.module.css b/src/containers/SearchPage/SearchPage.module.css
@@ -1,11 +1,5 @@
 @import '../../styles/customMediaQueries.css';
 
-/* Can be given to Topbar when a modal is opened
- * so that the Topbar is not rendered on top of it.*/
-.topbarBehindModal {
-  z-index: initial;
-}
-
 .topbar {
   width: 100%;
 
@@ -22,6 +16,12 @@
   }
 }
 
+/* Can be given to Topbar when a modal is opened
+ * so that the Topbar is not rendered on top of it.*/
+.topbarBehindModal {
+  z-index: initial;
+}
+
 .container {
   /* Layout */
   width: 100%;