@bitbaum/chatkit 0.8.0 → 0.8.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/package.json +1 -1
- package/styles.css +12 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bitbaum/chatkit",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.1",
|
|
4
4
|
"description": "One chat for every product: a composer with a microphone that always works, a thread that does not fight the reader, messages with copy and retry, and LLM markdown \u2014 the fleet's chat standard as a package.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Cato",
|
package/styles.css
CHANGED
|
@@ -629,11 +629,15 @@
|
|
|
629
629
|
position: absolute;
|
|
630
630
|
inset: 0 0 auto;
|
|
631
631
|
z-index: 3;
|
|
632
|
-
|
|
632
|
+
/* Mostly page behind the row itself, so a title in it stays one line of
|
|
633
|
+
text and not two on top of each other; the words only show through
|
|
634
|
+
dimly, and the fade runs out in the strip below the row. */
|
|
635
|
+
padding: env(safe-area-inset-top, 0px) var(--ck-gutter) 0.75rem;
|
|
633
636
|
background: linear-gradient(
|
|
634
637
|
to bottom,
|
|
635
638
|
var(--ck-page) 0%,
|
|
636
|
-
color-mix(in srgb, var(--ck-page)
|
|
639
|
+
color-mix(in srgb, var(--ck-page) 88%, transparent) 55%,
|
|
640
|
+
color-mix(in srgb, var(--ck-page) 55%, transparent) 80%,
|
|
637
641
|
transparent 100%
|
|
638
642
|
);
|
|
639
643
|
pointer-events: none;
|
|
@@ -686,6 +690,12 @@
|
|
|
686
690
|
.ck-screen-dock .ck-voice-bar {
|
|
687
691
|
border-radius: 1.75rem;
|
|
688
692
|
}
|
|
693
|
+
/* With no header, the words still fade at the top edge instead of being cut
|
|
694
|
+
off mid-line. */
|
|
695
|
+
.ck-screen:not(:has(> .ck-screen-header)) .ck-thread {
|
|
696
|
+
-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 1.5rem);
|
|
697
|
+
mask-image: linear-gradient(to bottom, transparent 0, #000 1.5rem);
|
|
698
|
+
}
|
|
689
699
|
/* The thread scrolls the full width (the scrollbar sits at the screen's
|
|
690
700
|
edge, and a swipe anywhere moves it); its column keeps a reading measure. */
|
|
691
701
|
.ck-screen .ck-thread {
|