From e6593a101b5228c9fc52a74805f4009aa0a0ca3b Mon Sep 17 00:00:00 2001 From: nathan Date: Mon, 26 Aug 2024 14:12:36 -0600 Subject: [PATCH] Et2TreeDropdown: Make minimum height the same as other inputs Fixes Et2Dropdown was a little too tall --- api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts b/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts index 971acfda28..e7ece094a7 100644 --- a/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts +++ b/api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts @@ -38,7 +38,8 @@ export default css` } .tree-dropdown__combobox { - flex: 1; + min-height: calc(var(--sl-input-height-medium) - 2 * var(--sl-input-border-width)); + display: flex; flex-direction: row; flex-wrap: nowrap; @@ -54,8 +55,6 @@ export default css` overflow-x: hidden; padding-block: 0; padding-inline: var(--sl-input-spacing-medium); - padding-top: 0.1rem; - padding-bottom: 0.1rem; transition: var(--sl-transition-fast) color, var(--sl-transition-fast) border, var(--sl-transition-fast) box-shadow, var(--sl-transition-fast) background-color; @@ -84,7 +83,7 @@ export default css` /* Trigger */ .tree-dropdown__expand-icon { - height: var(--sl-input-height-medium); + height: var(--sl-input-height-small); flex: 0 0 auto; display: flex; align-items: center; @@ -111,7 +110,7 @@ export default css` flex-wrap: wrap; align-content: center; gap: 0.1rem 0.5rem; - min-height: var(--sl-input-height-medium); + padding-top: var(--sl-spacing-3x-small); max-height: calc(var(--height, 5) * var(--sl-input-height-medium)); }