@livelayer/react 0.2.3 → 0.2.5
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 +1 -1
- package/dist/index.mjs +424 -409
- package/dist/styles.css +27 -5
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -66,7 +66,14 @@
|
|
|
66
66
|
box-sizing: border-box;
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
|
|
69
|
+
/* Browser button reset, wrapped in :where() so it contributes zero
|
|
70
|
+
specificity. Without this, `.ll-widget button` would have specificity
|
|
71
|
+
(0,1,1) and stomp on every component class (.ll-hbtn, .ll-hpill,
|
|
72
|
+
.ll-tool, etc. — all 0,1,0), forcing every rule to be re-scoped under
|
|
73
|
+
`.ll-widget` to win. With :where() the reset becomes (0,1,0) and a
|
|
74
|
+
later class rule wins on source order, which is what consumers expect
|
|
75
|
+
when they read the CSS top-to-bottom. */
|
|
76
|
+
.ll-widget :where(button) {
|
|
70
77
|
font-family: inherit;
|
|
71
78
|
border: none;
|
|
72
79
|
background: none;
|
|
@@ -75,7 +82,7 @@
|
|
|
75
82
|
color: inherit;
|
|
76
83
|
}
|
|
77
84
|
|
|
78
|
-
.ll-widget button:disabled {
|
|
85
|
+
.ll-widget :where(button):disabled {
|
|
79
86
|
cursor: not-allowed;
|
|
80
87
|
}
|
|
81
88
|
|
|
@@ -618,10 +625,10 @@
|
|
|
618
625
|
}
|
|
619
626
|
|
|
620
627
|
.ll-hpill__label {
|
|
628
|
+
/* No max-width — labels size to content. The header's flex container
|
|
629
|
+
handles overflow (wrap when crowded). Truncating "Dean Dijour" or
|
|
630
|
+
"English" with an ellipsis looked broken; let the pill grow. */
|
|
621
631
|
white-space: nowrap;
|
|
622
|
-
overflow: hidden;
|
|
623
|
-
text-overflow: ellipsis;
|
|
624
|
-
max-width: 160px;
|
|
625
632
|
}
|
|
626
633
|
|
|
627
634
|
/* Ghost icon button (close / minimize) */
|
|
@@ -650,6 +657,21 @@
|
|
|
650
657
|
background: rgba(0, 0, 0, 0.28);
|
|
651
658
|
}
|
|
652
659
|
|
|
660
|
+
/* Destructive end-call button. Reserved for the X that fully ends a
|
|
661
|
+
live session (vs. the minimize button, which preserves it). The red
|
|
662
|
+
tint signals "this terminates" so users can't conflate it with a
|
|
663
|
+
benign dismiss. */
|
|
664
|
+
.ll-hbtn--danger {
|
|
665
|
+
background: rgba(239, 68, 68, 0.78);
|
|
666
|
+
border-color: rgba(255, 120, 120, 0.55);
|
|
667
|
+
color: #fff;
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
.ll-hbtn--danger:hover {
|
|
671
|
+
background: rgba(220, 38, 38, 0.92);
|
|
672
|
+
border-color: rgba(255, 140, 140, 0.7);
|
|
673
|
+
}
|
|
674
|
+
|
|
653
675
|
/* Dropdown menu under a pill */
|
|
654
676
|
.ll-hmenu {
|
|
655
677
|
position: absolute;
|
package/package.json
CHANGED