@sensiblestats/widget-react 0.31.0 → 0.31.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sensiblestats/widget-react
 
+## 0.31.1
+
+### Patch Changes
+
+- Live monitor fixes from oleycom live testing: hide the score on not-started matches (Odds-tab context line phase guard), wrap long club names to two lines on the match card instead of truncating, and keep the context-line score/badges from wrapping on narrow screens.
+
 ## 0.31.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -2919,7 +2919,7 @@ var import_jsx_runtime46 = require("react/jsx-runtime");
 function ContextLine({ m, monitor, ui }) {
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "ss-w-mk-ctx", children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Crest2, { kind: "team", name: m.homeTeamName ?? void 0 }),
-    typeof m.homeScore === "number" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("b", { children: [
+    m.phase !== "preMatch" && typeof m.homeScore === "number" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("b", { children: [
       m.homeScore,
       "\u2013",
       m.awayScore
@@ -3735,7 +3735,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-mon-main { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
 .ss-w-mon-side { display: flex; align-items: center; gap: 8px; min-width: 0; }
 .ss-w-mon-side--away { flex-direction: row-reverse; text-align: right; }
-.ss-w-mon-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 700; color: var(--ss-w-ink); }
+/* long club names (Wolverhampton Wanderers) wrap to two lines instead of truncating mid-word */
+.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); }
 .ss-w-mon-vs { font-size: 12px; font-weight: 700; color: var(--ss-w-faint); text-transform: uppercase; }
 .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); }
 .ss-w-mon-score i { font-style: normal; color: var(--ss-w-faint); font-weight: 500; margin: 0 4px; }
@@ -3764,7 +3765,11 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
    and the per-market-pin wrapper card (struck price on settlement is a pure CSS hook off its
    [data-settled] attribute -- no separate class on the price element itself). */
 .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); }
-.ss-w-mk-ctx-right { display: flex; align-items: center; gap: 6px; margin-left: auto; }
+/* the score and the trailing badges/pin never shrink or wrap -- only the fixture name truncates */
+.ss-w-mk-ctx b { flex: none; white-space: nowrap; }
+/* the context line's fixture name stays single-line (the two-line clamp is for the match card) */
+.ss-w-mk-ctx .ss-w-mon-name { display: block; white-space: nowrap; text-overflow: ellipsis; }
+.ss-w-mk-ctx-right { display: flex; align-items: center; gap: 6px; margin-left: auto; flex: none; }
 /* flex:1 keeps the composer pinned to the panel bottom when a tab is empty */
 .ss-w-mon-empty { flex: 1; padding: 24px 16px; text-align: center; font-size: 12.5px; color: var(--ss-w-faint); }
 .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); }