@sensiblestats/widget-react 0.48.5 → 0.48.7
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 +12 -0
- package/dist/index.cjs +12 -7
- 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 +12 -7
- package/dist/index.js.map +1 -1
- package/dist/styles.css +9 -4
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -423,10 +423,13 @@
|
|
|
423
423
|
.ss-w-dash--discovery .ss-w-dash-tile--full .ss-w-dash-tile-icon { align-self: center; }
|
|
424
424
|
.ss-w-dash--discovery .ss-w-dash-tile-meta { flex-wrap: nowrap; }
|
|
425
425
|
.ss-w-dash--discovery .ss-w-dash-tile-crest { width: 22px; height: 22px; }
|
|
426
|
-
|
|
427
|
-
.
|
|
428
|
-
|
|
429
|
-
.ss-w-dash--discovery .ss-w-dash-tile:nth-child(
|
|
426
|
+
/* Tints mix a hue into the live panel rather than hardcoding a light pastel, so a dark
|
|
427
|
+
operator surface (e.g. --ss-w-panel set from a navy `surface` brand color) yields a
|
|
428
|
+
readable tinted-dark card instead of near-white ink on a fixed light pastel. */
|
|
429
|
+
.ss-w-dash--discovery .ss-w-dash-tile:nth-child(1) { background: color-mix(in srgb, #34c759 10%, var(--ss-w-panel)); }
|
|
430
|
+
.ss-w-dash--discovery .ss-w-dash-tile:nth-child(2) { background: color-mix(in srgb, #3a82f6 10%, var(--ss-w-panel)); }
|
|
431
|
+
.ss-w-dash--discovery .ss-w-dash-tile:nth-child(3) { background: color-mix(in srgb, #f5a623 10%, var(--ss-w-panel)); }
|
|
432
|
+
.ss-w-dash--discovery .ss-w-dash-tile:nth-child(4) { background: color-mix(in srgb, #a855f7 10%, var(--ss-w-panel)); }
|
|
430
433
|
|
|
431
434
|
/* club fan pre-match dashboard */
|
|
432
435
|
.ss-w-fandash { display: flex; flex-direction: column; gap: 10px; padding: 4px 0; }
|
|
@@ -850,6 +853,8 @@
|
|
|
850
853
|
which is the u350 betting-card truncation one layer down. */
|
|
851
854
|
.ss-w-drow-fx { display: flex; align-items: center; gap: 6px; min-width: 0; }
|
|
852
855
|
.ss-w-drow-side { display: flex; align-items: center; gap: 5px; min-width: 0; flex: 1 1 0; }
|
|
856
|
+
/* Away side mirrors home around the score: crest to the far edge, name aligned inward. */
|
|
857
|
+
.ss-w-drow-side--away { flex-direction: row-reverse; text-align: right; }
|
|
853
858
|
.ss-w-drow-nm { font-size: 12.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
854
859
|
/* Centre slot of .ss-w-drow-fx, between the two sides: flex:none so a widening score never
|
|
855
860
|
steals width the team names need to avoid ellipsis. min-width holds the slot at the width of a
|