@realtimexsco/live-chat 1.4.14 → 1.4.16
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/README.md +5 -3
- package/dist/index.cjs +169 -87
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +169 -87
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +18 -7
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -449,19 +449,27 @@
|
|
|
449
449
|
.chat-date-divider-pill {
|
|
450
450
|
display: inline-flex;
|
|
451
451
|
align-items: center;
|
|
452
|
-
|
|
452
|
+
justify-content: center;
|
|
453
|
+
gap: 0.3rem;
|
|
454
|
+
height: 1.5rem;
|
|
453
455
|
border-radius: 9999px;
|
|
454
456
|
border: 1px solid color-mix(in srgb, var(--chat-text) 10%, var(--chat-border));
|
|
455
457
|
background: color-mix(in srgb, var(--chat-surface) 92%, transparent);
|
|
456
|
-
padding: 0
|
|
457
|
-
font-size: 0.
|
|
458
|
+
padding: 0 0.65rem;
|
|
459
|
+
font-size: 0.75rem;
|
|
458
460
|
font-weight: 600;
|
|
459
|
-
line-height: 1
|
|
461
|
+
line-height: 1;
|
|
460
462
|
color: var(--chat-text);
|
|
461
463
|
box-shadow: 0 6px 18px color-mix(in srgb, var(--chat-text) 8%, transparent);
|
|
462
464
|
backdrop-filter: blur(10px);
|
|
463
465
|
}
|
|
464
466
|
|
|
467
|
+
.chat-date-divider-pill > span {
|
|
468
|
+
display: inline-flex;
|
|
469
|
+
align-items: center;
|
|
470
|
+
line-height: 1;
|
|
471
|
+
}
|
|
472
|
+
|
|
465
473
|
.chat-date-divider-pill--interactive {
|
|
466
474
|
cursor: pointer;
|
|
467
475
|
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
|
|
@@ -475,15 +483,18 @@
|
|
|
475
483
|
}
|
|
476
484
|
|
|
477
485
|
.chat-date-divider-chevron {
|
|
478
|
-
width: 0.
|
|
479
|
-
height: 0.
|
|
486
|
+
width: 0.75rem;
|
|
487
|
+
height: 0.75rem;
|
|
480
488
|
opacity: 0.8;
|
|
481
489
|
flex-shrink: 0;
|
|
490
|
+
display: block;
|
|
491
|
+
/* Optical vertical center — Lucide chevron sits slightly high */
|
|
492
|
+
transform: translateY(1px);
|
|
482
493
|
transition: transform 0.15s ease;
|
|
483
494
|
}
|
|
484
495
|
|
|
485
496
|
.chat-date-divider-pill--interactive[data-state="open"] .chat-date-divider-chevron {
|
|
486
|
-
transform: rotate(180deg);
|
|
497
|
+
transform: translateY(1px) rotate(180deg);
|
|
487
498
|
}
|
|
488
499
|
|
|
489
500
|
/* shadcn calendar inside chat popover */
|