@7365admin1/layer-common 3.2.2-staging.146 → 3.2.2-staging.147

package/components/SwitchContext.vue

@@ -201,9 +201,21 @@ const selectItem = (value: string) => {
   color: var(--text);
 }
 
-.switch-context__panel {
-  border-radius: var(--r-menu);
-  box-shadow: var(--shadow-menu);
+/* The panel is a `v-card`, and Vuetify puts it inside `.v-overlay__content`.
+   `screens.css` gives EVERY card in an overlay the modal shape - 16px and the
+   modal shadow - with `!important`, because dialogs open from sixty components
+   and the shape had to be stated once. A menu is an overlay too, so the panel
+   was silently taking the modal shape: measured 16px and
+   `rgba(10, 12, 16, 0.3) 0 24px 64px`, not the 14px `--r-menu` and the lighter
+   `--shadow-menu` it asks for.
+   `!important` alone does NOT win it back: `.switch-context__panel[data-v-...]`
+   and `.v-overlay__content > .v-card` are both two classes, the scope attribute
+   counts, and a tie goes to whichever sheet loaded last - which is screens.css.
+   Measured still 16px with `!important` on the plain class. So the selector
+   carries the overlay class too, to out-specify rather than tie. */
+.v-overlay__content > .switch-context__panel {
+  border-radius: var(--r-menu) !important;
+  box-shadow: var(--shadow-menu) !important;
   border: 1px solid var(--border);
   background: var(--card);
   padding: 14px;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.2.2-staging.146",
+  "version": "3.2.2-staging.147",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",