From 90b327002127832bc0eb54bb819b422950007aca Mon Sep 17 00:00:00 2001 From: bat Date: Sun, 26 Mar 2023 18:45:32 +0000 Subject: [PATCH 1/2] Scroll page list --- components/nav-menu.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/components/nav-menu.js b/components/nav-menu.js index 7276ce3..caaca51 100644 --- a/components/nav-menu.js +++ b/components/nav-menu.js @@ -13,6 +13,7 @@ export class NavMenu extends HTMLElement { display: flex; flex-direction: column; color: #000; + max-height: 100vh; } h1 { width: 100%; @@ -21,6 +22,10 @@ export class NavMenu extends HTMLElement { margin: 0; padding: 5px; } + .page-list { + flex-grow: 1; + overflow-y: auto; + } a { display: block; margin: 5px 10px; @@ -31,6 +36,7 @@ export class NavMenu extends HTMLElement { this.header.innerText = this.pagesText this.shadowRoot.append(this.header) this.pageList = document.createElement('div') + this.pageList.classList.add('page-list') this.shadowRoot.append(this.pageList) this.renderPageList() this.shadowRoot.addEventListener('click', e => { From 75f94a9630e5da899ccf706c884005258a4470c5 Mon Sep 17 00:00:00 2001 From: bat Date: Sun, 26 Mar 2023 18:46:08 +0000 Subject: [PATCH 2/2] Actualizar 'sw.js' --- sw.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sw.js b/sw.js index 554f57f..22f6357 100644 --- a/sw.js +++ b/sw.js @@ -9,7 +9,7 @@ async function initCache() { '/components/header.js', '/components/nav-menu.js', '/components/page-menu.js', - ]) //2 + ]) //3 } self.addEventListener("install", event => {