@inchurch/matcha-theme 21.3.1 → 21.3.3
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.
|
@@ -114,6 +114,18 @@ matcha-autocomplete {
|
|
|
114
114
|
position: relative;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
+
// ── Chevron ▾ vs. botão × : dividem o canto direito ───────────────────────────
|
|
118
|
+
// Em matcha-field type="autocomplete" o input recebe matchaClearButton (× genérico)
|
|
119
|
+
// E o chevron ▾ desta diretiva — ambos ancorados à direita. Ao digitar/selecionar,
|
|
120
|
+
// o matchaClearButton adiciona .matcha-clear-button--visible; nesse caso escondemos
|
|
121
|
+
// o chevron pra ele não ficar por baixo do ×. Reage sozinho via :has() (sem tocar a
|
|
122
|
+
// lógica JS, preservando o uso standalone do autocomplete). !important vence o
|
|
123
|
+
// display inline que a diretiva seta no chevron (injetado via Renderer2 — mesmo
|
|
124
|
+
// motivo dos !important em matcha-form-field).
|
|
125
|
+
.matcha-form-field:has(.matcha-clear-button--visible) .matcha-autocomplete-chevron {
|
|
126
|
+
display: none !important;
|
|
127
|
+
}
|
|
128
|
+
|
|
117
129
|
// ── Disabled state ──
|
|
118
130
|
.matcha-autocomplete-disabled {
|
|
119
131
|
pointer-events: none;
|
|
@@ -67,6 +67,18 @@
|
|
|
67
67
|
flex: 1;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
+
// Painéis de menu nunca rolam na horizontal. Como .matcha-panel declara só
|
|
71
|
+
// `overflow-y: auto`, o `overflow-x` computa como `auto` (regra CSS: um eixo
|
|
72
|
+
// visible + o outro não-visible → o visible vira auto). Numa lista longa (scroll
|
|
73
|
+
// vertical) o scrollbar vertical reduz a largura útil e os itens em `nowrap`
|
|
74
|
+
// induzem um scrollbar horizontal fantasma. Fixar overflow-x hidden elimina a
|
|
75
|
+
// barra sem cortar texto (fica sob o padding do item). Escopado a menu porque
|
|
76
|
+
// submenus são portados pro <body> (não são descendentes) — logo não são clipados;
|
|
77
|
+
// select/autocomplete/calendar ficam intactos.
|
|
78
|
+
.matcha-panel:has(> .matcha-menu-content) {
|
|
79
|
+
overflow-x: hidden;
|
|
80
|
+
}
|
|
81
|
+
|
|
70
82
|
// Quando o painel envolve um componente que já carrega surface + shadow + radius próprios
|
|
71
83
|
// (ex: matcha-calendar, matcha-time-panel), o panel deve ser transparente e servir
|
|
72
84
|
// apenas de container de posicionamento — evita "duplicar" visual do cartão.
|