From a9dc132b0954994a5e9bdec93507cdee8c977be4 Mon Sep 17 00:00:00 2001 From: Oleg Ostapchuk Date: Sat, 8 Aug 2026 15:42:15 +0300 Subject: [PATCH 1/3] fix scroll page with menu open --- src/_includes/header/header.ejs | 4 ++-- src/assets/script/nav-links.js | 5 +++++ src/assets/style/style.scss | 2 ++ 3 files changed, 9 insertions(+), 2 deletions(-) diff --git a/src/_includes/header/header.ejs b/src/_includes/header/header.ejs index e12fa3f..2796fcd 100644 --- a/src/_includes/header/header.ejs +++ b/src/_includes/header/header.ejs @@ -34,7 +34,7 @@ <%# External links %> -
+
Community:
@@ -52,7 +52,7 @@
-
+
diff --git a/src/assets/script/nav-links.js b/src/assets/script/nav-links.js index 33f4017..8187471 100644 --- a/src/assets/script/nav-links.js +++ b/src/assets/script/nav-links.js @@ -11,8 +11,13 @@ class NavLinks extends HTMLElement { const link = e.target.closest('a'); if (link) { burger.checked = false; + document.body.classList.remove('Ov-h'); } }); + + burger.addEventListener('change', () => { + document.body.classList.toggle('Ov-h', burger.checked); + }); } } diff --git a/src/assets/style/style.scss b/src/assets/style/style.scss index 36bf08a..80f0862 100644 --- a/src/assets/style/style.scss +++ b/src/assets/style/style.scss @@ -70,6 +70,7 @@ a { --ml-core740: rgba(249, 207, 103, 0.00); --ml-core745: #394EB6; --ml-core750: rgb(253, 173, 245, 0.6); + --ml-core760: #D2B5D0; --ml-core650: rgba(240, 67, 140, 0); --ml-core600: rgba(249, 207, 103, 0); --ml-primary800: rgba(239,246,255,1); @@ -156,6 +157,7 @@ a { --ml-core740: rgba(249, 207, 103, 0.00); --ml-core745: #394EB6; --ml-core750: #121828; + --ml-core760: #5865A2; --ml-core650: rgba(57, 78, 182, 0); --ml-core600: rgba(129, 200, 241, 0); --ml-core500: #2e2e2e; From cc52503851d6b54e0e462df7b0bfed249d9dade7 Mon Sep 17 00:00:00 2001 From: Oleg Ostapchuk Date: Mon, 10 Aug 2026 12:32:34 +0300 Subject: [PATCH 2/3] fix mobile menu when resize width --- src/assets/script/nav-links.js | 31 ++++++++++++++++++++++++------- 1 file changed, 24 insertions(+), 7 deletions(-) diff --git a/src/assets/script/nav-links.js b/src/assets/script/nav-links.js index 8187471..287993c 100644 --- a/src/assets/script/nav-links.js +++ b/src/assets/script/nav-links.js @@ -1,24 +1,41 @@ class NavLinks extends HTMLElement { constructor() { super(); + this._burger = null; } - + connectedCallback() { - const burger = this.querySelector('#menu-toggle'); - if (!burger) return; + this._burger = this.querySelector('#menu-toggle'); + if (!this._burger) return; + + this._handleResize = this._resetMenuOnDesktop.bind(this); + this._resetMenuOnDesktop(); + + window.addEventListener('resize', this._handleResize); this.addEventListener('click', (e) => { const link = e.target.closest('a'); if (link) { - burger.checked = false; - document.body.classList.remove('Ov-h'); + this._burger.checked = false; + document.body.classList.remove('Ov-h'); } }); - burger.addEventListener('change', () => { - document.body.classList.toggle('Ov-h', burger.checked); + this._burger.addEventListener('change', () => { + document.body.classList.toggle('Ov-h', this._burger.checked); }); } + + disconnectedCallback() { + window.removeEventListener('resize', this._handleResize); + } + + _resetMenuOnDesktop() { + if (window.innerWidth > 768 && this._burger && this._burger.checked) { + this._burger.checked = false; + document.body.classList.remove('Ov-h'); + } + } } customElements.define('nav-links', NavLinks); \ No newline at end of file From 1028d9fd965456cacab11c61c2e7d3378904067e Mon Sep 17 00:00:00 2001 From: Oleg Ostapchuk Date: Wed, 12 Aug 2026 13:51:09 +0300 Subject: [PATCH 3/3] fix component nav-links --- src/assets/script/nav-links.js | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/assets/script/nav-links.js b/src/assets/script/nav-links.js index 287993c..6aed9a7 100644 --- a/src/assets/script/nav-links.js +++ b/src/assets/script/nav-links.js @@ -6,18 +6,20 @@ class NavLinks extends HTMLElement { connectedCallback() { this._burger = this.querySelector('#menu-toggle'); - if (!this._burger) return; - this._handleResize = this._resetMenuOnDesktop.bind(this); - this._resetMenuOnDesktop(); + if (!this._burger) { + return; + } + this._handleResize(); window.addEventListener('resize', this._handleResize); this.addEventListener('click', (e) => { const link = e.target.closest('a'); + if (link) { - this._burger.checked = false; - document.body.classList.remove('Ov-h'); + this._burger.checked = false; + document.body.classList.remove('Ov-h'); } }); @@ -30,7 +32,7 @@ class NavLinks extends HTMLElement { window.removeEventListener('resize', this._handleResize); } - _resetMenuOnDesktop() { + _handleResize = () => { if (window.innerWidth > 768 && this._burger && this._burger.checked) { this._burger.checked = false; document.body.classList.remove('Ov-h');