Finalized header responsiveness (#795)

GeoNode · Feb 4, 2022 · e6e9b8f · e6e9b8f
1 parent e87e5cb
commit e6e9b8f
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/geonode_mapstore_client/client/js/routes/Viewer.jsx b/geonode_mapstore_client/client/js/routes/Viewer.jsx
@@ -98,8 +98,12 @@ function ViewerRoute({
         // hide the naviagtion bar is a recource is being viewed
         if (!loading) {
             document.getElementById('gn-topbar')?.classList.add('hide-navigation');
+            document.querySelector('.gn-menu-content-bottom')?.classList.add('hide-search-bar');
         }
-        return () => document.getElementById('gn-topbar')?.classList.remove('hide-navigation');
+        return () => {
+            document.getElementById('gn-topbar')?.classList.remove('hide-navigation');
+            document.querySelector('.gn-menu-content-bottom')?.classList.remove('hide-search-bar');
+        };
     }, [loading]);
 
     return (

diff --git a/geonode_mapstore_client/client/themes/geonode/less/_base.less b/geonode_mapstore_client/client/themes/geonode/less/_base.less
@@ -179,3 +179,7 @@ body {
         z-index: 10;
     }
 }
+
+.gn-theme {
+    overflow-x: hidden;
+}
diff --git a/geonode_mapstore_client/client/themes/geonode/less/_menu.less b/geonode_mapstore_client/client/themes/geonode/less/_menu.less
@@ -300,4 +300,11 @@ a.gn-action-navbar-breadcrumb-link {
             display: unset;
     }
     }
-}
+}
+
+@media (max-width: 748px) {
+    nav#gn-brand-navbar div.gn-menu-content-bottom.hide-search-bar {
+        display: none;
+    }
+
+}