fix(sidebar): increase scrolled sidebar header box-shadow intensity and size to improve visual separation

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-01-04 - 3.7.1 - fix(sidebar)
+increase scrolled sidebar header box-shadow intensity and size to improve visual separation
+
+- Changed .sidebar-header.scrolled box-shadow from `0 4px 12px -2px rgba(0, 0, 0, 0.4)` to `0 8px 24px -2px rgba(0, 0, 0, 1)`
+- File modified: ts_web/elements/wcc-sidebar.ts — stronger, larger, and fully opaque shadow for better contrast when scrolled
+
 ## 2026-01-04 - 3.7.0 - feat(wcc-sidebar)
 add header shadow and scrolled state for sidebar menu to show elevation when content is scrolled
 

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-wcctools',
-  version: '3.7.0',
+  version: '3.7.1',
   description: 'A set of web component tools for creating element catalogues, enabling the structured development and documentation of custom elements and pages.'
 }

ts_web/elements/wcc-sidebar.ts

@@ -107,7 +107,7 @@ export class WccSidebar extends DeesElement {
         }
 
         .sidebar-header.scrolled {
-          box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.4);
+          box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 1);
           border-bottom-color: var(--border);
         }