livechat 0.3.1 → 0.3.2
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +7 -0
- data/lib/livechat/version.rb +1 -1
- data/lib/livechat/widget.js +14 -4
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 5c30e19e783526543e297b77114a6e1d823799c22aca38a2048fc4bb476feb3f
|
|
4
|
+
data.tar.gz: 6746d78ed02867bd663d2d34c636f68530cc3b818678c1b4b5cd79cb70781eb6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 651eedbae0aabd2570b1690cb3f06e961abadbe3922670ed254b4c108f2553341e6a27e43e35b565c61004dd7ee6df751b38d62b6bd996aa1c97f50f377b71ef
|
|
7
|
+
data.tar.gz: ec6e305609121daf2182095c44bc2bccc098bee0a6d199ba54c46d3b8665c8de4c749eb6adfa34c5884992318701d157a8146a7155c7d9039a782456b7afd446
|
data/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.3.2
|
|
4
|
+
|
|
5
|
+
- The chat panel is full-screen on phones (≤480px) — a conversation is an
|
|
6
|
+
app screen, not a floating card. Inputs are 16px on mobile so iOS Safari
|
|
7
|
+
never zoom-jumps on focus; the composer respects the home-indicator safe
|
|
8
|
+
area; thread scrolling no longer rubber-bands the page behind it.
|
|
9
|
+
|
|
3
10
|
## 0.3.1
|
|
4
11
|
|
|
5
12
|
- The Agents column shows initials avatars (deterministic colors, full name
|
data/lib/livechat/version.rb
CHANGED
data/lib/livechat/widget.js
CHANGED
|
@@ -548,8 +548,6 @@
|
|
|
548
548
|
"#lvc-panel[hidden]{display:none}" +
|
|
549
549
|
"#lvc-root[dir=rtl] #lvc-panel{right:auto;left:20px}" +
|
|
550
550
|
"#lvc-root.lvc-no-launcher #lvc-panel{bottom:20px;max-height:calc(100dvh - 40px)}" +
|
|
551
|
-
"@media(max-width:480px){#lvc-panel{right:12px;bottom:80px}" +
|
|
552
|
-
"#lvc-root.lvc-no-launcher #lvc-panel{right:12px;bottom:12px;max-height:calc(100dvh - 24px)}}" +
|
|
553
551
|
"#lvc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;" +
|
|
554
552
|
"padding:14px 16px;background:var(--lvc-accent);color:var(--lvc-accent-text)}" +
|
|
555
553
|
"#lvc-header strong{display:block;font-size:15px}" +
|
|
@@ -557,8 +555,8 @@
|
|
|
557
555
|
"#lvc-close{border:none;background:none;color:var(--lvc-accent-text);font-size:22px;" +
|
|
558
556
|
"line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}" +
|
|
559
557
|
"#lvc-close:hover{background:rgba(255,255,255,.15)}" +
|
|
560
|
-
"#lvc-list{flex:1;overflow-y:auto;padding:14px;
|
|
561
|
-
"flex-direction:column;gap:4px}" +
|
|
558
|
+
"#lvc-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:14px;" +
|
|
559
|
+
"background:var(--lvc-bg);display:flex;flex-direction:column;gap:4px}" +
|
|
562
560
|
// Class rules carry the #lvc-root prefix so they outrank the
|
|
563
561
|
// id-level `#lvc-root *` reset above.
|
|
564
562
|
"#lvc-root .lvc-greeting{color:var(--lvc-muted);font-size:13px;margin-bottom:8px}" +
|
|
@@ -594,6 +592,18 @@
|
|
|
594
592
|
"display:flex;align-items:center;justify-content:center;cursor:pointer}" +
|
|
595
593
|
"#lvc-form button:disabled{opacity:.6;cursor:default}" +
|
|
596
594
|
"#lvc-root[dir=rtl] #lvc-form button svg{transform:scaleX(-1)}" +
|
|
595
|
+
// Phones get the whole screen — a chat is an app screen, not a popup.
|
|
596
|
+
// Selectors repeat the id twice so they outrank the rtl/no-launcher
|
|
597
|
+
// desktop rules regardless of source order.
|
|
598
|
+
"@media(max-width:480px){" +
|
|
599
|
+
"#lvc-root #lvc-panel,#lvc-root[dir=rtl] #lvc-panel,#lvc-root.lvc-no-launcher #lvc-panel" +
|
|
600
|
+
"{left:0;right:0;top:0;bottom:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;" +
|
|
601
|
+
"border-radius:0;border:none}" +
|
|
602
|
+
// 16px stops iOS Safari from zoom-jumping into focused fields.
|
|
603
|
+
"#lvc-root #lvc-form textarea,#lvc-root #lvc-email input{font-size:16px}" +
|
|
604
|
+
// Keep the composer above the iPhone home indicator.
|
|
605
|
+
"#lvc-root #lvc-form{padding-bottom:calc(10px + env(safe-area-inset-bottom))}" +
|
|
606
|
+
"}" +
|
|
597
607
|
// Lives in host DOM (on data-livechat-open elements), so no #lvc-root prefix.
|
|
598
608
|
".lvc-opener-badge{display:inline-flex;min-width:18px;height:18px;padding:0 5px;" +
|
|
599
609
|
"margin-inline-start:6px;border-radius:999px;background:#dc2626;color:#fff;" +
|