@chassis-ui/docs 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/FeatureCard.astro +1 -1
  3. package/src/layouts/header/Navigation.astro +16 -6
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@chassis-ui/docs",
3
3
  "description": "Shared Astro components and layouts for Chassis documentation sites.",
4
- "version": "0.1.8",
4
+ "version": "0.1.9",
5
5
  "type": "module",
6
6
  "repository": {
7
7
  "type": "git",
package/src/components/FeatureCard.astro CHANGED
@@ -27,7 +27,7 @@ const hasContent = Astro.slots.has('default')
27
27
  const cardClasses = [
28
28
  'feature-item bg-even d-flex flex-column rounded-large',
29
29
  'p-medium p-large-xlarge gap-medium gap-medium-xlarge',
30
- horizontal ? 'h-auto' : 'h-100',
30
+ horizontal ? '' : 'h-100',
31
31
  classes
32
32
  ]
33
33
  .filter(Boolean)
package/src/layouts/header/Navigation.astro CHANGED
@@ -18,6 +18,17 @@ interface Props {
18
18
  }
19
19
 
20
20
  const { layout, title } = Astro.props
21
+ const { pathname } = Astro.url
22
+ const isActive = (path: string) => {
23
+ if (path === '/') {
24
+ return pathname === '/' || pathname === ''
25
+ }
26
+ // Remove trailing slashes for a cleaner comparison
27
+ const cleanPathname = pathname.endsWith('/') ? pathname.slice(0, -1) : pathname
28
+ const cleanLinkPath = path.endsWith('/') ? path.slice(0, -1) : path
29
+
30
+ return cleanPathname.startsWith(cleanLinkPath)
31
+ }
21
32
  ---
22
33
 
23
34
  <header class="navbar navbar-expand-large cxd-navbar sticky-top">
@@ -81,12 +92,11 @@ const { layout, title } = Astro.props
81
92
  <div class="offcanvas-body p-large pt-0 p-large-0">
82
93
  <hr class="d-large-none text-white-50" />
83
94
  <ul class="navbar-nav flex-row flex-wrap cxd-navbar-nav mx-0 mx-large-medium">
84
- <NavLink active={layout === 'docs'} href="/docs">Docs</NavLink>
85
- <NavLink active={title === 'Tokens'} href="/tokens">Tokens</NavLink>
86
- <NavLink active={title === 'Assets'} href="/assets">Assets</NavLink>
87
- <NavLink active={title === 'Figma'} href="/figma">Figma</NavLink>
88
- <NavLink active={layout === 'icons'} href="/icons">Icons</NavLink>
89
- <NavLink active={title === 'CSS'} href="/css">CSS</NavLink>
95
+ <NavLink active={isActive('/tokens')} href="/tokens">Tokens</NavLink>
96
+ <NavLink active={isActive('/figma')} href="/figma">Figma</NavLink>
97
+ <NavLink active={isActive('/css')} href="/css">CSS</NavLink>
98
+ <NavLink active={isActive('/assets')} href="/assets">Assets</NavLink>
99
+ <NavLink active={isActive('/icons')} href="/icons">Icons</NavLink>
90
100
  <li class="nav-item dropdown ms-medium">
91
101
  <a
92
102
  class="nav-link dropdown-toggle"