@inchurch/matcha-theme 22.5.4 → 22.6.0
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/components/matcha-table.scss +9 -15
- package/package.json +1 -1
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
//
|
|
13
13
|
// Companion directives (a11y automática):
|
|
14
14
|
// [matcha-table-sortable] em <th> — aria-sort + tabindex + keyboard
|
|
15
|
-
// [
|
|
15
|
+
// [rowClick] em <tr> — só o binding já ativa tudo (tabindex + Enter/Space + hover accent)
|
|
16
16
|
//
|
|
17
17
|
// Helpers CSS-only:
|
|
18
18
|
// td.numeric → tabular-nums
|
|
@@ -336,8 +336,8 @@
|
|
|
336
336
|
margin-top: 0;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
-
// ── Row clickable ([
|
|
340
|
-
tbody tr.
|
|
339
|
+
// ── Row clickable ([rowClick] directive — só o binding já ativa tudo) ─
|
|
340
|
+
tbody tr.matcha-row-clickable {
|
|
341
341
|
cursor: pointer;
|
|
342
342
|
|
|
343
343
|
&:hover td {
|
|
@@ -370,23 +370,17 @@
|
|
|
370
370
|
}
|
|
371
371
|
|
|
372
372
|
// Stripe-aware hover: row PAR ganha alpha mais forte pra preservar stripe.
|
|
373
|
-
&[striped] tbody tr:where(:nth-child(even)).
|
|
374
|
-
matcha-table[striped] & tbody tr:where(:nth-child(even)).
|
|
373
|
+
&[striped] tbody tr:where(:nth-child(even)).matcha-row-clickable:hover td,
|
|
374
|
+
matcha-table[striped] & tbody tr:where(:nth-child(even)).matcha-row-clickable:hover td,
|
|
375
375
|
&[striped][hover] tbody tr:where(:nth-child(even)):hover td,
|
|
376
376
|
matcha-table[striped][hover] & tbody tr:where(:nth-child(even)):hover td {
|
|
377
377
|
--matcha-table-cell-bg: var(--matcha-table-row-bg-hover-striped);
|
|
378
378
|
}
|
|
379
379
|
|
|
380
|
-
//
|
|
381
|
-
//
|
|
382
|
-
//
|
|
383
|
-
//
|
|
384
|
-
// members/visitors/history/datas-comemorativas.
|
|
385
|
-
&[data-row-hover="accent"],
|
|
386
|
-
matcha-table[data-row-hover="accent"] & {
|
|
387
|
-
--matcha-table-row-bg-hover: var(--matcha-color-accent-surface-hover);
|
|
388
|
-
--matcha-table-row-bg-hover-striped: var(--matcha-color-accent-surface-hover);
|
|
389
|
-
}
|
|
380
|
+
// Hover accent de linha clicável: a diretiva [rowClick] já sobrescreve
|
|
381
|
+
// --matcha-table-row-bg-hover(-striped) inline no próprio <tr> (ver
|
|
382
|
+
// table-clickable-row.directive.ts) — nenhuma regra de tema necessária
|
|
383
|
+
// aqui, o estilo inline já vence qualquer especificidade.
|
|
390
384
|
|
|
391
385
|
tbody tr.is-selected td {
|
|
392
386
|
--matcha-table-cell-bg: var(--matcha-table-row-bg-selected);
|