@livelayer/react 0.10.1 → 0.10.3
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/index.js +3 -3
- package/dist/index.mjs +905 -898
- package/dist/styles.css +22 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -278,6 +278,19 @@
|
|
|
278
278
|
height: 80px;
|
|
279
279
|
}
|
|
280
280
|
|
|
281
|
+
/* Scoped variant — used when the package portals the tab to a host
|
|
282
|
+
container instead of document.body (e.g. a fork-demo card on a
|
|
283
|
+
marketing page). Drag-to-reposition is disabled in scoped mode
|
|
284
|
+
because a 260px-tall card has no room for it; the cursor reflects
|
|
285
|
+
that. CSS centering (top:50%/translateY(-50%)) handles vertical
|
|
286
|
+
placement against the container's bounds. */
|
|
287
|
+
.ll-widget .ll-hidden--scoped {
|
|
288
|
+
cursor: pointer;
|
|
289
|
+
}
|
|
290
|
+
.ll-widget .ll-hidden--scoped.is-dragging {
|
|
291
|
+
cursor: pointer;
|
|
292
|
+
}
|
|
293
|
+
|
|
281
294
|
.ll-widget .ll-hidden__chevron {
|
|
282
295
|
/* Centered visually inside the tab. The SVG's stroke handles color;
|
|
283
296
|
`display: block` prevents any baseline gap that would offset the
|
|
@@ -730,6 +743,15 @@
|
|
|
730
743
|
.ll-expanded__header-actions {
|
|
731
744
|
display: flex;
|
|
732
745
|
gap: 6px;
|
|
746
|
+
/* Always pin to the right edge of the topbar / idle header. The
|
|
747
|
+
active-state topbar uses justify-content: space-between, which
|
|
748
|
+
puts a SINGLE child at the start (left) — that happened in
|
|
749
|
+
chromeless mode where the left-side pills are hidden, leaving
|
|
750
|
+
header-actions as the only child. The X jumped from right
|
|
751
|
+
(idle, two children) to left (active+chromeless, one child)
|
|
752
|
+
between sessions. margin-left:auto pushes it to the right
|
|
753
|
+
regardless of how many siblings exist. */
|
|
754
|
+
margin-left: auto;
|
|
733
755
|
}
|
|
734
756
|
|
|
735
757
|
/* ── Active top bar (pills) ─────────────────────────────────── */
|
package/package.json
CHANGED