From fb195d3786becad8a214af82728294146422143a Mon Sep 17 00:00:00 2001 From: Arvind Marella Date: Sat, 27 Dec 2025 02:58:01 -0800 Subject: [PATCH 1/3] web(ui): hide empty navbar menu and prevent mobile wrap --- src/generators/web/ui/index.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/generators/web/ui/index.css b/src/generators/web/ui/index.css index 4c06e319..acfd6290 100644 --- a/src/generators/web/ui/index.css +++ b/src/generators/web/ui/index.css @@ -85,3 +85,11 @@ main { } } } + +.navItems:empty { + display: none; +} + +div[class$="_navItems"]:empty { + display: none; +} From 32cecf46613e169d577bdc3985db4ee21a20e979 Mon Sep 17 00:00:00 2001 From: Arvind Marella Date: Sat, 27 Dec 2025 03:16:04 -0800 Subject: [PATCH 2/3] test(web/ui): add selector presence test for mobile navbar fix --- src/generators/web/ui/__tests__/index-css.test.mjs | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 src/generators/web/ui/__tests__/index-css.test.mjs diff --git a/src/generators/web/ui/__tests__/index-css.test.mjs b/src/generators/web/ui/__tests__/index-css.test.mjs new file mode 100644 index 00000000..cc942b1a --- /dev/null +++ b/src/generators/web/ui/__tests__/index-css.test.mjs @@ -0,0 +1,12 @@ +import assert from 'node:assert/strict'; +import { readFile } from 'node:fs/promises'; +import { join } from 'node:path'; +import { describe, it } from 'node:test'; + +describe('web/ui/index.css', () => { + it('contains selector to hide empty hashed navItems container', async () => { + const cssPath = join(import.meta.dirname, '..', 'index.css'); + const css = await readFile(cssPath, 'utf-8'); + assert.ok(css.includes('div[class$="_navItems"]:empty')); + }); +}); From 4328eb6cc1289bb5216e15a233c4baf5b70f2717 Mon Sep 17 00:00:00 2001 From: Arvind Marella Date: Sat, 27 Dec 2025 03:24:51 -0800 Subject: [PATCH 3/3] style(web/ui): hide empty mobile navItems container --- src/generators/web/ui/index.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/generators/web/ui/index.css b/src/generators/web/ui/index.css index acfd6290..4ef2bda1 100644 --- a/src/generators/web/ui/index.css +++ b/src/generators/web/ui/index.css @@ -86,10 +86,7 @@ main { } } -.navItems:empty { - display: none; -} - +/* Removes extra padding from Navigation Bar */ div[class$="_navItems"]:empty { display: none; }