@sensiblestats/widget-react 0.31.0 → 0.31.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/CHANGELOG.md +6 -0
- package/dist/index.cjs +8 -3
- 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 +8 -3
- package/dist/index.js.map +1 -1
- package/dist/styles.css +7 -2
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -691,7 +691,8 @@
|
|
|
691
691
|
.ss-w-mon-main { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
|
|
692
692
|
.ss-w-mon-side { display: flex; align-items: center; gap: 8px; min-width: 0; }
|
|
693
693
|
.ss-w-mon-side--away { flex-direction: row-reverse; text-align: right; }
|
|
694
|
-
|
|
694
|
+
/* long club names (Wolverhampton Wanderers) wrap to two lines instead of truncating mid-word */
|
|
695
|
+
.ss-w-mon-name { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2; font-size: 13px; font-weight: 700; color: var(--ss-w-ink); }
|
|
695
696
|
.ss-w-mon-vs { font-size: 12px; font-weight: 700; color: var(--ss-w-faint); text-transform: uppercase; }
|
|
696
697
|
.ss-w-mon-score { display: flex; align-items: baseline; justify-content: center; font-size: 26px; font-weight: 850; font-variant-numeric: tabular-nums; line-height: 1; white-space: nowrap; color: var(--ss-w-ink); }
|
|
697
698
|
.ss-w-mon-score i { font-style: normal; color: var(--ss-w-faint); font-weight: 500; margin: 0 4px; }
|
|
@@ -720,7 +721,11 @@
|
|
|
720
721
|
and the per-market-pin wrapper card (struck price on settlement is a pure CSS hook off its
|
|
721
722
|
[data-settled] attribute -- no separate class on the price element itself). */
|
|
722
723
|
.ss-w-mk-ctx { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--ss-w-line); }
|
|
723
|
-
|
|
724
|
+
/* the score and the trailing badges/pin never shrink or wrap -- only the fixture name truncates */
|
|
725
|
+
.ss-w-mk-ctx b { flex: none; white-space: nowrap; }
|
|
726
|
+
/* the context line's fixture name stays single-line (the two-line clamp is for the match card) */
|
|
727
|
+
.ss-w-mk-ctx .ss-w-mon-name { display: block; white-space: nowrap; text-overflow: ellipsis; }
|
|
728
|
+
.ss-w-mk-ctx-right { display: flex; align-items: center; gap: 6px; margin-left: auto; flex: none; }
|
|
724
729
|
/* flex:1 keeps the composer pinned to the panel bottom when a tab is empty */
|
|
725
730
|
.ss-w-mon-empty { flex: 1; padding: 24px 16px; text-align: center; font-size: 12.5px; color: var(--ss-w-faint); }
|
|
726
731
|
.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); }
|