@livelayer/react 0.17.1 → 0.18.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/index.js +3 -3
- package/dist/index.mjs +711 -707
- package/dist/styles.css +10 -22
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -820,28 +820,16 @@
|
|
|
820
820
|
}
|
|
821
821
|
|
|
822
822
|
/* ── Mobile thumbnail chrome (0.18.0) ────────────────────────────
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
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
|
-
|
|
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. */
|
|
845
833
|
.ll-widget--mobile .ll-hbtn {
|
|
846
834
|
width: 26px;
|
|
847
835
|
height: 26px;
|