@dillingerstaffing/strand-vue 0.17.1 → 0.17.3

package/dist/css/strand-ui.css

@@ -4047,11 +4047,20 @@ body.strand-banner-active .strand-instrument-viewport--full-bleed {
 	font-family: var(--strand-font-sans);
 }
 
-/* ── Inner layout ── */
+/* ── Inner layout ──
+   min-height: inherit picks up the nav's own min-height (the
+   --strand-nav-height token). On mobile the nav switches to
+   height: auto + min-height: var(--strand-nav-height); without this
+   inherit the inner only takes its content height (~40px from the
+   hamburger), and the nav's extra ~24px appears as empty space below,
+   which reads as "logo squished upward". With min-height: inherit the
+   inner is always at least token-tall and align-items: center
+   distributes content vertically through that full height. */
 .strand-nav__inner {
 	display: flex;
 	align-items: center;
 	height: 100%;
+	min-height: inherit;
 	padding: 0 var(--strand-space-6);
 	max-width: 1280px;
 	margin: 0 auto;
@@ -4063,6 +4072,8 @@ body.strand-banner-active .strand-instrument-viewport--full-bleed {
    identity on the page, so it carries the brand even at this small size. */
 .strand-nav__logo {
 	flex-shrink: 0;
+	display: inline-flex;
+	align-items: center;
 	margin-right: var(--strand-space-8);
 	font-family: var(--strand-font-mono);
 	font-size: var(--strand-text-sm);
@@ -4226,14 +4237,17 @@ body.strand-banner-active .strand-instrument-viewport--full-bleed {
 }
 
 /* ── Mobile menu ──
-   Drops down from beneath the nav as an overlay. Hidden by default;
-   show via JS by adding strand-nav__mobile-menu--open. The position:
-   fixed (vs absolute on the parent nav) means the menu floats above
-   page content instead of pushing layout. */
+   Docks immediately below its parent .strand-nav as an overlay (the
+   parent has position: relative, so absolute positions against it).
+   For .strand-nav--glass the parent is position: fixed, so the menu
+   still anchors right under the fixed bar at viewport top. For inline
+   specimens or any non-glass placement the menu drops below the nav
+   in flow rather than jumping to viewport top. Hidden by default;
+   show via JS by adding strand-nav__mobile-menu--open. */
 .strand-nav__mobile-menu {
 	display: none;
-	position: fixed;
-	top: var(--strand-nav-height);
+	position: absolute;
+	top: 100%;
 	left: 0;
 	right: 0;
 	flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dillingerstaffing/strand-vue",
-  "version": "0.17.1",
+  "version": "0.17.3",
   "description": "Strand UI - Vue 3 component library built on the Strand Design Language",
   "author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
   "license": "MIT",
@@ -53,7 +53,7 @@
     "vue": "^3.4.0"
   },
   "dependencies": {
-    "@dillingerstaffing/strand": "^0.17.1"
+    "@dillingerstaffing/strand": "^0.17.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.0",