@the-portland-company/shell 0.35.3 → 0.35.4
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.
- package/dist/chrome.css +40 -0
- package/package.json +1 -1
package/dist/chrome.css
CHANGED
|
@@ -322,3 +322,43 @@
|
|
|
322
322
|
--skeleton-base: #212121;
|
|
323
323
|
--skeleton-shine: #2B2B2B;
|
|
324
324
|
}
|
|
325
|
+
|
|
326
|
+
/* ---------------------------------------------------------------------------
|
|
327
|
+
Third-party top-bar widget slots (<TopBarWidgetSlot>, e.g. DevNotes).
|
|
328
|
+
|
|
329
|
+
Such a widget ships its OWN launcher button, so it does not carry
|
|
330
|
+
topBarIconButtonClass and rendered as a 6px rounded square beside four 32px
|
|
331
|
+
circles — measured on forms, contacts, polls, surveys AND app (2026-07-24).
|
|
332
|
+
VRM core used to hide it with an app-side `.vrm-topbar-actions` override,
|
|
333
|
+
which is precisely the app-side patching Reference/UI-Platform forbids: the
|
|
334
|
+
moment VRM moved onto the shared frame the override went away and the square
|
|
335
|
+
button reappeared. It belongs here, once, for every app.
|
|
336
|
+
|
|
337
|
+
These values are topBarIconButtonClass expressed as CSS. `!important` is
|
|
338
|
+
required because the widget's own utility classes (h-8 w-8 rounded-md …) are
|
|
339
|
+
authored by the third-party package and would otherwise win.
|
|
340
|
+
--------------------------------------------------------------------------- */
|
|
341
|
+
.topbar-widget-slot button {
|
|
342
|
+
height: var(--topbar-icon-button-size, 32px) !important;
|
|
343
|
+
min-height: var(--topbar-icon-button-size, 32px) !important;
|
|
344
|
+
width: var(--topbar-icon-button-size, 32px) !important;
|
|
345
|
+
min-width: var(--topbar-icon-button-size, 32px) !important;
|
|
346
|
+
padding: 0 !important;
|
|
347
|
+
display: inline-flex !important;
|
|
348
|
+
align-items: center !important;
|
|
349
|
+
justify-content: center !important;
|
|
350
|
+
border: 1px solid var(--line) !important;
|
|
351
|
+
border-radius: 9999px !important;
|
|
352
|
+
background: transparent !important;
|
|
353
|
+
color: var(--topbar-icon-color, var(--muted)) !important;
|
|
354
|
+
}
|
|
355
|
+
.topbar-widget-slot button:hover {
|
|
356
|
+
color: var(--topbar-icon-hover-color, var(--foreground)) !important;
|
|
357
|
+
background: var(--topbar-icon-hover-bg, transparent) !important;
|
|
358
|
+
}
|
|
359
|
+
/* The launcher's own count bubble nests in an inner `relative` span around just
|
|
360
|
+
the glyph. Neutralize that so the badge anchors to the 32px trigger like
|
|
361
|
+
every other slot's (UI-Platform "Badge Counters": one universal placement). */
|
|
362
|
+
.topbar-widget-slot button > span.relative {
|
|
363
|
+
position: static !important;
|
|
364
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@the-portland-company/shell",
|
|
3
|
-
"version": "0.35.
|
|
3
|
+
"version": "0.35.4",
|
|
4
4
|
"description": "Shared chrome (header, sidebar, footer, theme, auth) for politogy apps. Drop into any Vite SPA to inherit the politogy look and signed-in user.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"private": false,
|