@hermes-ui/angular 0.2.3 → 0.2.5
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.
|
@@ -53,10 +53,18 @@
|
|
|
53
53
|
--hermes-vertical-nav-collapsed-caret-size: #{density.$hermes-base-icon-size-2xl};
|
|
54
54
|
--hermes-vertical-nav-caret-size: #{density.$hermes-base-icon-size-s};
|
|
55
55
|
|
|
56
|
-
// Vertical Nav - Align. Linha densa (32px): é lista de navegação, não um controle
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
// Vertical Nav - Align. Linha densa (32px no normal): é lista de navegação, não um controle
|
|
57
|
+
// isolado. `$hermes-base-row-height-m`, e não um `baselinePx` fixo, porque este É o token
|
|
58
|
+
// que responde à densidade (32px normal, 24px compacto).
|
|
59
|
+
//
|
|
60
|
+
// O padding TAMBÉM precisa ser por eixo e vir de token de densidade — não um `baselinePx`
|
|
61
|
+
// fixo. Com padding fixo, o glifo (16px) mais o padding vertical sozinhos já somavam mais
|
|
62
|
+
// que os 24px do compacto: o conteúdo "vencia" o `min-height` menor e a linha nunca
|
|
63
|
+
// encolhia, então o `item-height` acima, sozinho, não tinha efeito nenhum — os dois lados
|
|
64
|
+
// da conta têm que encolher juntos.
|
|
65
|
+
--hermes-vertical-nav-item-padding: #{density.$hermes-base-vertical-offset-m} #{density.$hermes-base-horizontal-offset-m};
|
|
66
|
+
--hermes-vertical-nav-item-child-padding: #{density.$hermes-base-vertical-offset-m} #{density.$hermes-base-horizontal-offset-m};
|
|
67
|
+
--hermes-vertical-nav-item-height: #{density.$hermes-base-row-height-m};
|
|
60
68
|
--hermes-vertical-nav-min-width: var(--hermes-vertical-nav-rail-width);
|
|
61
69
|
--hermes-vertical-nav-toggle-button-size: #{density.$hermes-base-row-height-m};
|
|
62
70
|
|