From d0f4ec1217c0a19adcb735bd600da2c929e6a218 Mon Sep 17 00:00:00 2001 From: ache Date: Fri, 21 Feb 2020 11:25:33 +0100 Subject: Fix bug redimension --- src/css/_contenu.scss | 6 +++++- src/js/zen.js | 8 ++++++-- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/css/_contenu.scss b/src/css/_contenu.scss index 88f1fd6..2c01ce7 100755 --- a/src/css/_contenu.scss +++ b/src/css/_contenu.scss @@ -26,7 +26,6 @@ article { font-size: 1em; padding-right: 5%; padding-left: 5%; - transition: margin-left 0.5s ease-out 0.25s; border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); @@ -38,6 +37,11 @@ article { margin-left: 7%; transition: margin-left 0.5s ease-out 0.25s; } + + &.zen-mode-disabling { + margin-left: 300px; + transition: margin-left 0.5s ease-out 0.25s; + } } li p { display: inline; diff --git a/src/js/zen.js b/src/js/zen.js index 4dca729..b3177bc 100644 --- a/src/js/zen.js +++ b/src/js/zen.js @@ -6,7 +6,6 @@ window.addEventListener('scroll', () => { if (window.pageYOffset >= 500) { if (header && !header.classList.contains('hidden')) { - console.log('Hide'); header.classList.add('hidden'); if (articles) { @@ -16,12 +15,17 @@ window.addEventListener('scroll', () => { } } } else if (header && header.classList.contains('hidden')) { - console.log('Show'); header.classList.remove('hidden'); if (articles) { [...articles].forEach(e => { e.classList.remove('zen-mode'); + e.classList.add('zen-mode-disabling'); }); + setTimeout(function() { + [...articles].forEach(e => { + e.classList.remove('zen-mode-disabling'); + }); + }, 1000); } } }); -- cgit v1.2.3