@sensiblestats/widget-react 0.60.3 → 0.60.4
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 +15 -6
- 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 +15 -6
- package/dist/index.js.map +1 -1
- package/dist/styles.css +10 -4
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1094,8 +1094,10 @@
|
|
|
1094
1094
|
.ss-g-hl-value { font: 800 56px var(--ss-g-font-display); line-height: .95; color: var(--ss-w-accent); margin-top: 6px; }
|
|
1095
1095
|
.ss-g-hl-stat { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ss-g-muted); }
|
|
1096
1096
|
.ss-g-hl-btns { display: flex; flex-direction: row; gap: 8px; margin-top: 12px; }
|
|
1097
|
-
.ss-g-hl-btns .ss-g-btn { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 0
|
|
1098
|
-
|
|
1097
|
+
.ss-g-hl-btns .ss-g-btn { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 0 6px; gap: 4px; }
|
|
1098
|
+
/* Labels stay on one line: Turkish "DAHA FAZLA" wrapped to two in a ~115px button. */
|
|
1099
|
+
.ss-g-hl-btns .ss-g-btn { font-weight: 800; font-size: 13px; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; }
|
|
1100
|
+
.ss-g-hl-btns .ss-g-btn svg { flex: none; }
|
|
1099
1101
|
.ss-g-hl-vs { position: relative; z-index: 1; flex: none; align-self: center; width: 44px; height: 44px; margin: -28px 0; border-radius: 50%; display: grid; place-items: center; background: var(--ss-g-ground); border: 2px solid var(--ss-g-line-warm); color: var(--ss-w-accent); font: 800 18px var(--ss-g-font-display); }
|
|
1100
1102
|
/* Clear the VS badge that straddles the seam between the two cards. */
|
|
1101
1103
|
.ss-g-hl-pair > .ss-g-hl-card:first-child .ss-g-hl-info { padding-bottom: 24px; }
|
|
@@ -1234,10 +1236,13 @@
|
|
|
1234
1236
|
|
|
1235
1237
|
/* ---- Beat the Grid (u393) ---- */
|
|
1236
1238
|
.ss-g-btg-grid { display: grid; gap: 6px; }
|
|
1237
|
-
|
|
1239
|
+
/* While the search sheet is pinned below, the grid shrinks its rows to share the body with it
|
|
1240
|
+
instead of pushing the bottom row under the sheet. */
|
|
1241
|
+
.ss-g-btg-grid--fit { flex: 0 1 auto; min-height: 0; }
|
|
1242
|
+
.ss-g-btg-colhdr { min-height: 0; border-radius: 12px; background: var(--ss-g-surface); border: 1px solid var(--ss-g-line); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; padding: 0 4px; font-size: 12px; font-weight: 700; line-height: 1.1; min-width: 0; overflow-wrap: anywhere; }
|
|
1238
1243
|
.ss-g-btg-colhdr svg { color: var(--ss-w-accent); flex: none; }
|
|
1239
1244
|
.ss-g-btg-rowhdr { border-radius: 12px; background: var(--ss-g-surface); border: 1px solid var(--ss-g-line); display: grid; place-items: center; font-family: var(--ss-g-font-display); font-weight: 800; font-size: 18px; letter-spacing: .04em; text-transform: uppercase; overflow-wrap: anywhere; text-align: center; }
|
|
1240
|
-
.ss-g-btg-cell { position: relative; height:
|
|
1245
|
+
.ss-g-btg-cell { position: relative; min-height: 0; min-width: 0; border-radius: 12px; border: 1.5px dashed var(--ss-g-strong-line); background: transparent; color: var(--ss-g-muted); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; font: inherit; padding: 0; }
|
|
1241
1246
|
.ss-g-btg-cell:disabled { cursor: default; }
|
|
1242
1247
|
.ss-g-btg-cell[data-state="active"] { border: 2px solid var(--ss-w-accent); background: var(--ss-g-warm); color: var(--ss-w-accent); }
|
|
1243
1248
|
.ss-g-btg-cell[data-state="correct"], .ss-g-btg-cell[data-state="wrong"] { justify-content: flex-end; background: var(--ss-g-surface); border-style: solid; }
|
|
@@ -1261,6 +1266,7 @@
|
|
|
1261
1266
|
.ss-g-btg-sheet .ss-g-search-box { height: 48px; border-radius: 12px; background: var(--ss-g-ground); }
|
|
1262
1267
|
.ss-g-btg-sheet-empty { font-size: 13px; color: var(--ss-g-muted); }
|
|
1263
1268
|
.ss-g-btg-sheet .ss-g-opt { background: var(--ss-g-raised); }
|
|
1269
|
+
.ss-g-btg-sheet .ss-g-opts { max-height: 160px; }
|
|
1264
1270
|
.ss-g-btg-result-name { flex: 1; min-width: 0; font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
1265
1271
|
.ss-g-btg-result-plus { color: var(--ss-w-accent); display: flex; }
|
|
1266
1272
|
|