More progress on sticky bar styling

goodybag · Mar 28, 2016 · a1ea82d · a1ea82d
1 parent 801bbbf
commit a1ea82d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/app/components/restaurant/menu/bar.js b/app/components/restaurant/menu/bar.js
@@ -62,10 +62,12 @@ export class RestaurantMenuBarWrapperComponent extends Component {
         };
 
         window.addEventListener('scroll', this.handleScroll);
+        window.addEventListener('resize', this.handleScroll);
    }
 
     componentWillUnmount() {
         window.removeEventListener('scroll', this.handleScroll);
+        window.removeEventListener('resize', this.handleScroll);
     }
 
     render() {

diff --git a/app/styles/restaurant/menu/bar.less b/app/styles/restaurant/menu/bar.less
@@ -11,11 +11,30 @@
         right: 0;
         background: @gb-white;
         border-bottom: 1px solid @gb-shadow-tide;
+        height: 52px;
 
         .gb-restaurant-menu-bar-content {
             .gb-body;
 
             position: relative;
         }
+
+        .gb-restaurant-menu-tab-title-catering,
+        .gb-restaurant-menu-tab-title-individual {
+            border-top-radius: none;
+            border: 0;
+
+            &:before {
+                display: none;
+            }
+
+            &.active .gb-restaurant-menu-tab-title-content:after {
+                display: block;
+            }
+        }
+
+        .gb-restaurant-menu-searchbox {
+            display: none;
+        }
     }
 }