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; + } } }