@livelayer/react 0.17.0 → 0.18.0
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 +758 -754
- package/dist/styles.css +20 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -819,6 +819,26 @@
|
|
|
819
819
|
margin-left: auto;
|
|
820
820
|
}
|
|
821
821
|
|
|
822
|
+
/* ── Mobile thumbnail chrome (0.18.0) ────────────────────────────
|
|
823
|
+
On mobile WIDGET the auto-compact defaults (chromeless +
|
|
824
|
+
compactControls, see AvatarWidget.tsx) handle hiding the brand
|
|
825
|
+
pill and the minimize button at the JSX level. CSS here only
|
|
826
|
+
handles the visual sizing of the remaining X close (and the
|
|
827
|
+
in-call minimize, if a consumer passes showMinimize through).
|
|
828
|
+
Shrunk to 26×26 with a 10px glyph — well above the 18px touch-
|
|
829
|
+
target floor and proportional to the 150px-wide thumbnail.
|
|
830
|
+
|
|
831
|
+
Selector scoped to .ll-widget--mobile so desktop and embedded
|
|
832
|
+
surfaces keep the standard 40×40 buttons. */
|
|
833
|
+
.ll-widget--mobile .ll-hbtn {
|
|
834
|
+
width: 26px;
|
|
835
|
+
height: 26px;
|
|
836
|
+
}
|
|
837
|
+
.ll-widget--mobile .ll-hbtn svg {
|
|
838
|
+
width: 10px;
|
|
839
|
+
height: 10px;
|
|
840
|
+
}
|
|
841
|
+
|
|
822
842
|
/* ── Active top bar (pills) ─────────────────────────────────── */
|
|
823
843
|
|
|
824
844
|
.ll-expanded__topbar {
|