@livelayer/react 0.17.0 → 0.17.1
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/styles.css +32 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -819,6 +819,38 @@
|
|
|
819
819
|
margin-left: auto;
|
|
820
820
|
}
|
|
821
821
|
|
|
822
|
+
/* ── Mobile thumbnail chrome (0.18.0) ────────────────────────────
|
|
823
|
+
The 150px 9:16 widget is small enough that the standard 40px
|
|
824
|
+
header buttons + brand pill overcrowd the surface. On mobile we:
|
|
825
|
+
- Hide the "Live Layer" brand pill in the IDLE header. The
|
|
826
|
+
brand mark already lives in the minimized bottom bar that
|
|
827
|
+
appears once a session ends, and the surface is too small to
|
|
828
|
+
afford the wordmark gracefully.
|
|
829
|
+
- Hide the minimize button in the IDLE header. There's nothing
|
|
830
|
+
to minimize FROM until a call starts — minimizing a session-
|
|
831
|
+
less widget would just dismiss it, which is what the close
|
|
832
|
+
(X) button is for. Removes the redundant affordance.
|
|
833
|
+
- Shrink the close (X) button visual to 26×26 (still well
|
|
834
|
+
above the 18px touch-target floor the user specified). Icon
|
|
835
|
+
inside stays 12px. During an active call the same shrink
|
|
836
|
+
applies to the minimize button so the in-call header doesn't
|
|
837
|
+
crowd the thumbnail.
|
|
838
|
+
|
|
839
|
+
Selectors scope to .ll-widget--mobile so desktop is untouched. */
|
|
840
|
+
.ll-widget--mobile .ll-expanded__header--idle .ll-expanded__brand,
|
|
841
|
+
.ll-widget--mobile .ll-expanded__header--idle .ll-hbtn--ghost {
|
|
842
|
+
display: none;
|
|
843
|
+
}
|
|
844
|
+
|
|
845
|
+
.ll-widget--mobile .ll-hbtn {
|
|
846
|
+
width: 26px;
|
|
847
|
+
height: 26px;
|
|
848
|
+
}
|
|
849
|
+
.ll-widget--mobile .ll-hbtn svg {
|
|
850
|
+
width: 10px;
|
|
851
|
+
height: 10px;
|
|
852
|
+
}
|
|
853
|
+
|
|
822
854
|
/* ── Active top bar (pills) ─────────────────────────────────── */
|
|
823
855
|
|
|
824
856
|
.ll-expanded__topbar {
|