From b18a91ed8990d658f2901a4a7b2a2154315ea3b4 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Wed, 20 Aug 2025 08:34:28 +0300 Subject: feat(header): Make wide/narrow setting modify the header when folded up --- src/scripts/page-width.js | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'src/scripts') diff --git a/src/scripts/page-width.js b/src/scripts/page-width.js index 353dc4d..4969c45 100644 --- a/src/scripts/page-width.js +++ b/src/scripts/page-width.js @@ -1,14 +1,17 @@ const widthBtn = document.getElementById('changeWidthBtn'); const widthLabel = widthBtn.childNodes[0]; const articleElem = document.getElementsByTagName('article')[0]; +const sidebarHeaderElem = document.getElementById('header'); if (localStorage.getItem('width') === 'wide') { widthLabel.innerText = 'Narrow'; - articleElem.classList.add('article-wide'); + articleElem.classList.add('wide'); + sidebarHeaderElem.classList.toggle('wide'); } widthBtn.onclick = function() { - articleElem.classList.toggle('article-wide'); + articleElem.classList.toggle('wide'); + sidebarHeaderElem.classList.toggle('wide'); if (localStorage.getItem('width') !== 'norm') { widthLabel.innerText = 'Wide'; -- cgit v1.3.1-23-gd82d