@sensiblestats/widget-react 0.37.1 → 0.37.3
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 +73 -63
- 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 +73 -63
- package/dist/index.js.map +1 -1
- package/dist/styles.css +12 -6
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -778,7 +778,11 @@
|
|
|
778
778
|
a bare context line with nothing under it. */
|
|
779
779
|
.ss-w-mon-empty-card { padding: 8px 0 2px; font-size: 12px; color: var(--ss-w-faint); }
|
|
780
780
|
.ss-w-mon-inslip { display: inline-flex; flex: none; align-items: center; gap: 3px; font-size: 10.5px; font-weight: 700; color: var(--ss-w-pos); }
|
|
781
|
-
|
|
781
|
+
/* Odds-tab item is bare: the visible card is the market-odds card itself (no outer wrapper card),
|
|
782
|
+
with an optional slim live strip above it. */
|
|
783
|
+
.ss-w-mon-oddspin { display: flex; flex-direction: column; gap: 8px; }
|
|
784
|
+
.ss-w-mk-live { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 0 2px; font-size: 11.5px; color: var(--ss-w-faint); }
|
|
785
|
+
.ss-w-mk-live-score { color: var(--ss-w-ink); font-weight: 700; font-variant-numeric: tabular-nums; }
|
|
782
786
|
.ss-w-mon-oddspin[data-settled] .ss-w-mo-price,
|
|
783
787
|
.ss-w-mon-oddspin[data-settled] .ss-w-mon-price { text-decoration: line-through; color: var(--ss-w-faint); }
|
|
784
788
|
|
|
@@ -788,11 +792,13 @@
|
|
|
788
792
|
.ss-w-mon-item { display: flex; flex-direction: column; gap: 10px; }
|
|
789
793
|
.ss-w-acc { display: flex; flex-direction: column; gap: 6px; }
|
|
790
794
|
.ss-w-acc-row { background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; border-left: 3px solid var(--ss-w-accent); overflow: hidden; }
|
|
791
|
-
|
|
792
|
-
.ss-w-acc-
|
|
793
|
-
.ss-w-acc-
|
|
794
|
-
.ss-w-acc-
|
|
795
|
-
.ss-w-acc-
|
|
795
|
+
/* Row header: expand toggle (flex:1) + the market PinToggle as a sibling (no nested buttons). */
|
|
796
|
+
.ss-w-acc-head { display: flex; align-items: center; gap: 8px; padding: 6px 9px 6px 11px; }
|
|
797
|
+
.ss-w-acc-toggle { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; background: none; border: none; cursor: pointer; text-align: left; font: inherit; color: var(--ss-w-ink); padding: 5px 0; }
|
|
798
|
+
.ss-w-acc-chevron { color: var(--ss-w-faint); font-size: 11px; flex: none; }
|
|
799
|
+
.ss-w-acc-label { font-size: 12.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
800
|
+
.ss-w-acc-badge { font-size: 10.5px; font-weight: 700; color: var(--ss-w-accent); flex: none; }
|
|
801
|
+
.ss-w-acc-susp { margin-left: auto; font-size: 10.5px; color: var(--ss-w-faint); flex: none; }
|
|
796
802
|
.ss-w-acc-panel { padding: 0 11px 10px; display: flex; flex-direction: column; gap: 8px; }
|
|
797
803
|
.ss-w-acc-insight { font-size: 12px; color: var(--ss-w-ink); background: color-mix(in srgb, var(--ss-w-accent) 9%, var(--ss-w-panel)); border-radius: 8px; padding: 7px 9px; }
|
|
798
804
|
.ss-w-acc-retry { font-size: 12px; color: var(--ss-w-neg); cursor: pointer; padding: 6px 0; }
|