@dillingerstaffing/strand-vue 0.17.1 → 0.17.2

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.
@@ -4063,6 +4063,8 @@ body.strand-banner-active .strand-instrument-viewport--full-bleed {
4063
4063
  identity on the page, so it carries the brand even at this small size. */
4064
4064
  .strand-nav__logo {
4065
4065
  flex-shrink: 0;
4066
+ display: inline-flex;
4067
+ align-items: center;
4066
4068
  margin-right: var(--strand-space-8);
4067
4069
  font-family: var(--strand-font-mono);
4068
4070
  font-size: var(--strand-text-sm);
@@ -4226,14 +4228,17 @@ body.strand-banner-active .strand-instrument-viewport--full-bleed {
4226
4228
  }
4227
4229
 
4228
4230
  /* ── Mobile menu ──
4229
- Drops down from beneath the nav as an overlay. Hidden by default;
4230
- show via JS by adding strand-nav__mobile-menu--open. The position:
4231
- fixed (vs absolute on the parent nav) means the menu floats above
4232
- page content instead of pushing layout. */
4231
+ Docks immediately below its parent .strand-nav as an overlay (the
4232
+ parent has position: relative, so absolute positions against it).
4233
+ For .strand-nav--glass the parent is position: fixed, so the menu
4234
+ still anchors right under the fixed bar at viewport top. For inline
4235
+ specimens or any non-glass placement the menu drops below the nav
4236
+ in flow rather than jumping to viewport top. Hidden by default;
4237
+ show via JS by adding strand-nav__mobile-menu--open. */
4233
4238
  .strand-nav__mobile-menu {
4234
4239
  display: none;
4235
- position: fixed;
4236
- top: var(--strand-nav-height);
4240
+ position: absolute;
4241
+ top: 100%;
4237
4242
  left: 0;
4238
4243
  right: 0;
4239
4244
  flex-direction: column;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dillingerstaffing/strand-vue",
3
- "version": "0.17.1",
3
+ "version": "0.17.2",
4
4
  "description": "Strand UI - Vue 3 component library built on the Strand Design Language",
5
5
  "author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
6
6
  "license": "MIT",
@@ -53,7 +53,7 @@
53
53
  "vue": "^3.4.0"
54
54
  },
55
55
  "dependencies": {
56
- "@dillingerstaffing/strand": "^0.17.1"
56
+ "@dillingerstaffing/strand": "^0.17.2"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@testing-library/jest-dom": "^6.6.0",