summaryrefslogtreecommitdiff
path: root/src/js/zen.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/js/zen.js')
-rw-r--r--src/js/zen.js28
1 files changed, 3 insertions, 25 deletions
diff --git a/src/js/zen.js b/src/js/zen.js
index e2e7035..05ec6b3 100644
--- a/src/js/zen.js
+++ b/src/js/zen.js
@@ -1,8 +1,7 @@
'use strict';
-const articles = document.getElementsByTagName('article');
-const header = document.getElementById('side-bar');
const toggleArrow = document.getElementById('harr');
+const initValue = document.body.style.getPropertyValue('--width_panel_bis');
toggleArrow.addEventListener('click', () => {
if (toggleArrow.classList.contains('hide_arrow_off')) {
@@ -17,32 +16,11 @@ toggleArrow.addEventListener('click', () => {
});
function hideAbout() {
- if (header && !header.classList.contains('hidden')) {
- header.classList.add('hidden');
-
- if (articles) {
- [...articles].forEach(e => {
- e.classList.add('zen-mode');
- });
- }
- }
+ document.body.style.setProperty('--width_panel_bis', '0px');
}
function showAbout() {
- if (header && header.classList.contains('hidden')) {
- header.classList.remove('hidden');
- if (articles) {
- [...articles].forEach(e => {
- e.classList.remove('zen-mode');
- e.classList.add('zen-mode-disabling');
- });
- setTimeout(() => {
- [...articles].forEach(e => {
- e.classList.remove('zen-mode-disabling');
- });
- }, 1000);
- }
- }
+ document.body.style.setProperty('--width_panel_bis', initValue);
}
window.addEventListener('scroll', () => {