Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity
122 Commits 1 Branch 0 Tags
d389fd7bc83622c5205ab08f92849852f1e70497
Commit Graph
10 Commits
Author SHA1 Message Date
Keith Solomon 01101ff712 fix: update mobile navigation styles and comment out unused code
Deploy to Dreamhost (dev) / build (push) Successful in 35s
Details
Sync TODOs with Issues / sync_todos (push) Successful in 7s
Details
2026-06-28 20:52:40 -05:00
Keith Solomon 3db0ceaf8d fix: lock body scroll while menu is open, scroll menu internally 
Per the user's request:

- Page scroll is locked when the mobile menu is open: add an
  :has() selector that applies overflow: hidden + touch-action: none to
  the <body> when the .nav-main__toggle has aria-expanded=true. Verified
  with mouse wheel and PageDown: window.scrollY stays at 0.

- Menu scrolls internally when its content overflows: switch
  .menu-vdi's 'overflow-hidden' to 'overflow-y: auto' with
  'overscroll-behavior: contain' so scroll gestures feed the menu
  rather than chain-scroll to the body behind it.

- Cap the menu at viewport height instead of growing: change
  'min-height: calc(100vh - var(--hgtHeader))' to
  'max-height: calc(100vh - var(--hgtHeader))' so the menu fills the
  visible space below the header and any overflowing items become
  scrollable inside the menu.
 2026-06-28 19:59:10 -05:00
Keith Solomon 380e2d9015 fix: address remaining mobile menu issues 
Per the user's feedback, fix the issues still visible in the menu:

1. Hero rendered over the menu: bumped menu z-index from 10 to 100 so it
   always sits above the hero's stacked elements.

2. List markers on items: added explicit list-style: none / padding: 0 on
   the menu <ul> and items to override the base typography rule that sets
   list-style-type: disc and padding: 0 1rem on every <ul>.

3. Blue links: the base typography rule 'a, .link { color: var(--color-bodylinks); }'
   has specificity 0,1,1 and was beating the menu text-white rule. Override
   with color: var(--color-white) !important on menu links and child links
   inside the mobile media query.

4. Full borders with rounded corners on child items: change child item
   border from '2px solid var(--color-secondary); border-radius: 0.5rem'
   to 'border-bottom: 2px solid var(--color-secondary); border-radius: 0'
   so each child gets only a bottom border (matching the user's spec).

5. Menu items now use plain CSS (color/display/padding/font-weight) instead
   of @apply text-white/no-underline to give them explicit override
   specificity against the base styles.

6. Toggle button: changed the SVG width from 2rem to 1.5rem in
   styles/components/site-header.css so the hamburger and X icons render
   at a square 1.5rem x 1.5rem aspect ratio inside the (intentionally)
   rectangular orange button.

Nav-main template unchanged from the previous commit (Contact button +
social icons already in place). Header test still passes - the button box
itself (72x45) is unchanged, only the icon aspect changed.
 2026-06-28 18:05:12 -05:00
Keith Solomon 09d42ba2a9 fix: style mobile menu per spec 
Per the user's spec, the mobile menu is:
- Dark navy background, white links, 95% viewport width
- Parent items (those with child links) get an orange chevron
- Child items get an orange border; nothing else gets any border
- Bottom of menu has a Contact link styled as a button and social icons

Changes:

1. Menu CSS (styles/navigation/nav-mobile-sliding.css):
   - Switch the menu background from white to bg-cwc-blue-02 (dark navy)
   - Switch menu item text from black to white
   - Hide the existing .menu-vdi__submenu and show the children inline under their
     parent with a 2px orange border, rounded corners, and white text
   - Style the existing chevron SVG inside the parent <button> with the orange
     secondary color so it's visible against the navy background
   - Add a .menu-vdi__footer block (Contact button + social icons) anchored to
     the bottom of the menu panel, shown only when the toggle is aria-expanded
   - Hide .menu-vdi__footer entirely at desktop so it doesn't leak into the
     page DOM and trigger accessibility warnings

2. Menu template (views/components/nav-main.php):
   - Append a .menu-vdi__footer div after the menu items containing a Contact
     link to home_url('/contact/') and the existing social-media partial
   - The footer renders inside <nav> but is positioned via fixed CSS to align
     with the menu panel

Header/toggle button unchanged - the orange/coral rounded button design from
the original mobile-fidelity plan was already correct and is left alone.
 2026-06-28 17:32:05 -05:00
Keith Solomon 5496a8e725 🐞 fix: Adjust dropdown z-index
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details
2026-06-20 11:49:04 -05:00
Keith SolomonandCopilot 489e0acb38 🐞 fix: Update main nav styling
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details 
Co-authored-by: Copilot <copilot@github.com>
 2026-05-10 15:27:44 -05:00
Keith SolomonandCopilot 9137fdb0f7 ✨feature: Update navigation styles
Sync TODOs with Issues / sync_todos (push) Successful in 16s
Details 
Co-authored-by: Copilot <copilot@github.com>
 2026-05-09 14:35:16 -05:00
Keith SolomonandCopilot 405f43baf9 🐞 fix: Navigation tweaks
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details 
Co-authored-by: Copilot <copilot@github.com>
 2026-05-02 15:20:09 -05:00
Keith SolomonandCopilot 4257f96d0b ✨feature: Build desktop header
Sync TODOs with Issues / sync_todos (push) Successful in 5s
Details 
Co-authored-by: Copilot <copilot@github.com>
 2026-05-02 14:41:25 -05:00
Keith Solomon a21ad94189 feat: bootstrap Community Works Collaborative theme from starter 2026-05-02 10:14:49 -05:00