@inchurch/matcha-theme 22.6.0 → 22.7.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.
|
@@ -104,6 +104,24 @@
|
|
|
104
104
|
background-color: transparent;
|
|
105
105
|
box-shadow: none;
|
|
106
106
|
}
|
|
107
|
+
|
|
108
|
+
// Marcador de dia (dot). is-selected é outlined (não filled, ver acima) então
|
|
109
|
+
// convive sem ajuste; range anchors SÃO filled com --matcha-color-accent — mesma
|
|
110
|
+
// cor invisibilizaria o dot, por isso o contraste-swap abaixo.
|
|
111
|
+
&.is-marked::after {
|
|
112
|
+
background-color: var(--matcha-color-calendar-marker-bg, var(--matcha-color-accent));
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&.is-range-start.is-marked::after,
|
|
116
|
+
&.is-range-end.is-marked::after {
|
|
117
|
+
background-color: var(--matcha-color-calendar-marker-contrast-bg, var(--matcha-color-accent-contrast));
|
|
118
|
+
box-shadow: 0 0 0 1px var(--matcha-color-accent);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
&.is-disabled.is-marked::after,
|
|
122
|
+
&.is-other-month.is-marked::after {
|
|
123
|
+
background-color: var(--matcha-color-interaction-disabled-fg);
|
|
124
|
+
}
|
|
107
125
|
}
|
|
108
126
|
|
|
109
127
|
// ── Grid views (Year / Decade) ──────────────────────────
|
|
@@ -163,7 +181,7 @@
|
|
|
163
181
|
border: 1px solid CanvasText;
|
|
164
182
|
background: Canvas;
|
|
165
183
|
|
|
166
|
-
.matcha-calendar-
|
|
184
|
+
.matcha-calendar-cell {
|
|
167
185
|
border: 1px solid transparent;
|
|
168
186
|
|
|
169
187
|
&.is-selected {
|
|
@@ -182,6 +200,11 @@
|
|
|
182
200
|
color: GrayText !important;
|
|
183
201
|
}
|
|
184
202
|
|
|
203
|
+
&.is-marked::after {
|
|
204
|
+
background: CanvasText !important;
|
|
205
|
+
forced-color-adjust: none;
|
|
206
|
+
}
|
|
207
|
+
|
|
185
208
|
&:focus-visible {
|
|
186
209
|
outline: 2px solid CanvasText !important;
|
|
187
210
|
outline-offset: -2px;
|
|
@@ -214,5 +237,10 @@
|
|
|
214
237
|
box-shadow: none !important;
|
|
215
238
|
border: 1px solid currentColor;
|
|
216
239
|
break-inside: avoid;
|
|
240
|
+
|
|
241
|
+
.matcha-calendar-cell.is-marked::after {
|
|
242
|
+
background: CanvasText;
|
|
243
|
+
box-shadow: none;
|
|
244
|
+
}
|
|
217
245
|
}
|
|
218
246
|
}
|
|
@@ -58,6 +58,24 @@
|
|
|
58
58
|
|
|
59
59
|
// ── Layout ──────────────────────────────────────────────────────────────────
|
|
60
60
|
|
|
61
|
+
// ── Host (tag <matcha-paginator>) ────────────────────────────────────────────
|
|
62
|
+
// Bug real (achado no control-panel-v2, Visitantes em modo cards): sem isso, a tag
|
|
63
|
+
// <matcha-paginator> não tem NENHUM display próprio — fica com o default do browser pra
|
|
64
|
+
// elemento desconhecido (`display: inline`), fora do único contexto que já forçava block
|
|
65
|
+
// mais abaixo neste arquivo (`& + matcha-paginator`, só quando vem logo após um <matcha-table>
|
|
66
|
+
// irmão). Host inline: `border-radius`/`overflow` que o consumer aplica via utility class no
|
|
67
|
+
// host não têm efeito nenhum — quem pinta o fundo é o `.matcha-paginator` INTERNO (a classe
|
|
68
|
+
// logo abaixo, um elemento diferente do host), e overflow é no-op em elemento inline
|
|
69
|
+
// não-substituído (spec CSS). NÃO colocar isso em `:host{}` no paginator.component.scss —
|
|
70
|
+
// o componente usa `ViewEncapsulation.None` e `:host` não é aplicado nesse modo neste build
|
|
71
|
+
// (confirmado: mesma lacuna existe hoje em table.component.scss, mascarada lá porque
|
|
72
|
+
// <table> já é block-ish por natureza). Selector de tag direto, igual todo o resto deste
|
|
73
|
+
// arquivo, é o que realmente funciona pra esse encapsulation.
|
|
74
|
+
matcha-paginator {
|
|
75
|
+
display: block;
|
|
76
|
+
overflow: hidden;
|
|
77
|
+
}
|
|
78
|
+
|
|
61
79
|
// sr-only — região live dedicada pra anunciar mudança de página (WAI-ARIA APG).
|
|
62
80
|
// Fora do .matcha-paginator pra também funcionar quando paginator estiver hidden
|
|
63
81
|
// (logo após hide-on-single-page transition).
|