From d998e9f9d7bcf3edca5836cb5c48965f4a85b2c2 Mon Sep 17 00:00:00 2001 From: Tenor Biel Date: Thu, 4 Feb 2016 16:04:13 -0600 Subject: [PATCH] More progress on sticky bar styling --- app/components/restaurant/menu/bar.js | 2 ++ app/styles/restaurant/menu/bar.less | 19 +++++++++++++++++++ 2 files changed, 21 insertions(+) diff --git a/app/components/restaurant/menu/bar.js b/app/components/restaurant/menu/bar.js index 501219d..c07507a 100644 --- 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 index b9c64a9..6b0bfd0 100644 --- 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; + } } }