yann/liebling
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix an issue with the header on mobile

Browse source
This commit is contained in:
Eduardo Gomez 2019-11-13 14:03:29 +01:00
parent 0a3e0a0ae4
commit d81dafb1c5
3 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -54,5 +54,5 @@
"desktop": "assets/screenshot-desktop.jpg", "desktop": "assets/screenshot-desktop.jpg",
"mobile": "assets/screenshot-mobile.jpg" "mobile": "assets/screenshot-mobile.jpg"
}, },
"version": "0.5.9" "version": "0.6.0"
} }

2
src/js/app.js
View file

@ -102,11 +102,13 @@ $(document).ready(() => {
} }
$openMenu.click(() => { $openMenu.click(() => {
$header.addClass('mobile-menu-opened')
$menu.addClass('opened') $menu.addClass('opened')
toggleScrollVertical() toggleScrollVertical()
}) })
$closeMenu.click(() => { $closeMenu.click(() => {
$header.removeClass('mobile-menu-opened')
$menu.removeClass('opened') $menu.removeClass('opened')
toggleScrollVertical() toggleScrollVertical()
}) })

8
src/sass/components/header/_header.scss
View file

@ -12,6 +12,14 @@
padding: 20px 0; padding: 20px 0;
} }
&.mobile-menu-opened {
height: 100%;
@include respond-to('medium') {
height: auto;
}
}
&.headroom--pinned { &.headroom--pinned {
@include bs(0 4px 8px rgba(0, 0, 0, 0.05)); @include bs(0 4px 8px rgba(0, 0, 0, 0.05));
@include transform(translateY(0%)); @include transform(translateY(0%));