@sensiblestats/widget-react 0.45.0 → 0.46.0
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/CHANGELOG.md +13 -0
- package/dist/index.cjs +20 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +20 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +6 -0
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -102,6 +102,11 @@
|
|
|
102
102
|
/* .ss-w-mon-list (Matches/Odds tab scrollers) shares .ss-w-list's box/scroll rules by design --
|
|
103
103
|
same visual rhythm as the chat message list -- but gets its own class so it isn't the same DOM
|
|
104
104
|
landmark as the chat list when both exist in the panel at once (Task 16 fix round, M4). */
|
|
105
|
+
/* Children of this scrolling column flex container must NOT shrink. The default flex-shrink:1
|
|
106
|
+
compresses every child to fit the panel instead of letting the container scroll, and
|
|
107
|
+
.ss-w-grp's own overflow:hidden then clips the compressed content away entirely — 27
|
|
108
|
+
competition groups rendered as blank bars on a phone. Applies to the pinned cards too. */
|
|
109
|
+
.ss-w-mon-list > * { flex: none; }
|
|
105
110
|
.ss-w-list, .ss-w-mon-list { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px; display: flex; flex-direction: column; gap: 12px; scroll-padding-top: 14px; }
|
|
106
111
|
/* Transient bottom spacer: reserves a viewport of room below a new turn so its
|
|
107
112
|
top can be scrolled into view while the reply is still streaming in. Height is
|
|
@@ -833,6 +838,7 @@
|
|
|
833
838
|
.ss-w-grp-head:focus-visible { outline: 2px solid var(--ss-w-accent); outline-offset: -2px; }
|
|
834
839
|
.ss-w-grp-chev { color: var(--ss-w-faint); font-size: 10px; flex: none; }
|
|
835
840
|
.ss-w-grp-name { font-size: 12px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
841
|
+
.ss-w-grp-country { font-weight: 600; color: var(--ss-w-faint); }
|
|
836
842
|
.ss-w-grp-count { margin-left: auto; flex: none; font-size: 10.5px; font-weight: 700; color: var(--ss-w-faint); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 999px; padding: 1px 7px; font-variant-numeric: tabular-nums; }
|
|
837
843
|
.ss-w-grp-body { display: flex; flex-direction: column; padding: 2px 11px 6px; }
|
|
838
844
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sensiblestats/widget-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.46.0",
|
|
4
4
|
"description": "Embeddable SensibleStats chat widget for React.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"prepublishOnly": "yarn build"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@sensiblestats/widget-sdk": "^0.
|
|
40
|
+
"@sensiblestats/widget-sdk": "^0.34.0",
|
|
41
41
|
"react-markdown": "^9.0.1",
|
|
42
42
|
"remark-gfm": "^4.0.0"
|
|
43
43
|
},
|