diff options
| author | puresyntax71 <34715246+puresyntax71@users.noreply.github.com> | 2019-12-21 09:56:47 +0300 |
|---|---|---|
| committer | puresyntax71 <34715246+puresyntax71@users.noreply.github.com> | 2019-12-21 09:56:47 +0300 |
| commit | 1b1fad4e6c6dcd866ad0e8758ee97019a96e8ed6 (patch) | |
| tree | d2512921bd2b38d5b3244d13a6b72c01366a4c0b /src | |
| parent | 49900d233573b86f4cf4e89ba23a903146e89685 (diff) | |
Use slide.
Diffstat (limited to 'src')
| -rw-r--r-- | src/js/App.js | 4 | ||||
| -rw-r--r-- | src/scss/chunky-poster.scss | 13 |
2 files changed, 13 insertions, 4 deletions
diff --git a/src/js/App.js b/src/js/App.js index faa5cb6..5e8793c 100644 --- a/src/js/App.js +++ b/src/js/App.js @@ -83,8 +83,8 @@ export default { $(window).scroll(() => { const $scroll = $(window).scrollTop(); - $scroll > $position ? $('#navbar-main-menu').removeClass('show') : - $('#navbar-main-menu').addClass('show'); + $scroll > $position ? $('#navbar-main-menu').addClass('hide') : + $('#navbar-main-menu').removeClass('hide'); $position = $scroll; }); diff --git a/src/scss/chunky-poster.scss b/src/scss/chunky-poster.scss index 62f5334..4cfdc32 100644 --- a/src/scss/chunky-poster.scss +++ b/src/scss/chunky-poster.scss @@ -52,8 +52,17 @@ img[data-src] { } } -#navbar-main-menu .nav-item .nav-link { - font-size: $navbar-brand-font-size; +#navbar-main-menu { + height: 3.4rem; + transition: top 0.2s ease; + + &.hide { + top: -3.4rem; + } + + .nav-item .nav-link { + font-size: $navbar-brand-font-size; + } } ul.share.nav { |