From 2f8bdc375a101135efadd71ccc50dd631d859723 Mon Sep 17 00:00:00 2001 From: dcgoodwin2112 Date: Tue, 5 May 2026 11:52:24 -0400 Subject: [PATCH 1/3] update default header syles to match the new site header redesigns --- COMPONENTS_INVENTORY.md | 2 +- package-lock.json | 4 ++-- package.json | 2 +- src/templates/Header/header.scss | 17 +++++++++-------- 4 files changed, 13 insertions(+), 12 deletions(-) diff --git a/COMPONENTS_INVENTORY.md b/COMPONENTS_INVENTORY.md index ad9856c8..13313b6f 100644 --- a/COMPONENTS_INVENTORY.md +++ b/COMPONENTS_INVENTORY.md @@ -137,5 +137,5 @@ This document provides a comprehensive inventory of all components, services, te --- -*Last updated: April 22, 2026* +*Last updated: May 5, 2026* *Repository: [GetDKAN/cmsds-open-data-components](https://github.com/GetDKAN/cmsds-open-data-components)* diff --git a/package-lock.json b/package-lock.json index 77d11d88..09efd00a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@civicactions/cmsds-open-data-components", - "version": "4.1.5", + "version": "4.2.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@civicactions/cmsds-open-data-components", - "version": "4.1.5", + "version": "4.2.0", "license": "GPL-3.0", "dependencies": { "@civicactions/swagger-ui-layout": "0.3.0-alpha.1", diff --git a/package.json b/package.json index 779d4d5a..01ee119e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@civicactions/cmsds-open-data-components", - "version": "4.1.5", + "version": "4.2.0", "description": "Components for the open data catalog frontend using CMS Design System", "main": "dist/main.js", "source": "src/index.ts", diff --git a/src/templates/Header/header.scss b/src/templates/Header/header.scss index 806ee04d..7d4f590b 100644 --- a/src/templates/Header/header.scss +++ b/src/templates/Header/header.scss @@ -1,16 +1,17 @@ :root { --mobile-nav-animation-time: 1s; --main-nav-height: 6.25rem; - --header-bg-color: #{var(--color-primary)}; - --header-bg-image: linear-gradient(90deg, var(--color-primary-darkest) 10%, var(--color-primary) 90%); - --header-nav-link--color: #{var(--color-white)}; - --header-nav-link--mobile-color: #{var(--color-white)}; - --header-mobile-bg-color: #{var(--color-gray-dark)}; - --header-submenu--bg-color: #{var(--color-primary)}; - --header-submenu--width: 333px; // This oddly specific width ensures that pagers on submenus with dataset listings have 24px width between them. See DatasetListSubmenu.tsx. - --header-nav-search--color: #{var(--color-white)}; --tag-line--color: #6f757c; --tag-line--border-color: #6f757c; + --header-nav-icon-link--desktop-width: 240px; + --header-nav-icon-link--mobile-width: 240px; + --header-bg-image: none; + --header-bg-color: #f7f7f7; + --header-nav-link--color: var(--color-primary); + --header-nav-search--color: var(--color-primary); + --mobile-menu-button--color: var(--color-primary); + --header-submenu--bg-color: var(--color-white); + --header-submenu--width: 450px; } .dkan-c-main-navigation > div > div { From 09e175f4c164996de7687a5ce9e8913718e04bd7 Mon Sep 17 00:00:00 2001 From: dcgoodwin2112 Date: Tue, 5 May 2026 12:05:32 -0400 Subject: [PATCH 2/3] add mobile menu bg color back --- src/templates/Header/header.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/templates/Header/header.scss b/src/templates/Header/header.scss index 7d4f590b..a30657d2 100644 --- a/src/templates/Header/header.scss +++ b/src/templates/Header/header.scss @@ -3,10 +3,11 @@ --main-nav-height: 6.25rem; --tag-line--color: #6f757c; --tag-line--border-color: #6f757c; - --header-nav-icon-link--desktop-width: 240px; - --header-nav-icon-link--mobile-width: 240px; --header-bg-image: none; --header-bg-color: #f7f7f7; + --header-mobile-bg-color: var(--color-gray-dark); + --header-nav-icon-link--desktop-width: 240px; + --header-nav-icon-link--mobile-width: 240px; --header-nav-link--color: var(--color-primary); --header-nav-search--color: var(--color-primary); --mobile-menu-button--color: var(--color-primary); From 7931277e9be063825e110ae6d2e1af3a3876c22b Mon Sep 17 00:00:00 2001 From: dcgoodwin2112 Date: Tue, 5 May 2026 13:18:02 -0400 Subject: [PATCH 3/3] add back mobile menu link color --- src/templates/Header/header.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/templates/Header/header.scss b/src/templates/Header/header.scss index a30657d2..9e14b7a9 100644 --- a/src/templates/Header/header.scss +++ b/src/templates/Header/header.scss @@ -9,6 +9,7 @@ --header-nav-icon-link--desktop-width: 240px; --header-nav-icon-link--mobile-width: 240px; --header-nav-link--color: var(--color-primary); + --header-nav-link--mobile-color: var(--color-white); --header-nav-search--color: var(--color-primary); --mobile-menu-button--color: var(--color-primary); --header-submenu--bg-color: var(--color-white);