extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-24 14:58:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Et2TreeDropdown: Make minimum height the same as other inputs

Browse Source 
Fixes Et2Dropdown was a little too tall
This commit is contained in:
nathan 2024-08-26 14:12:36 -06:00
parent 0f5a1a2b5a
commit e6593a101b
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
api/js/etemplate/Et2Tree/Et2TreeDropdown.styles.ts
View File

@ -38,7 +38,8 @@ export default css`
} }
.tree-dropdown__combobox { .tree-dropdown__combobox {
flex: 1; min-height: calc(var(--sl-input-height-medium) - 2 * var(--sl-input-border-width));
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -54,8 +55,6 @@ export default css`
overflow-x: hidden; overflow-x: hidden;
padding-block: 0; padding-block: 0;
padding-inline: var(--sl-input-spacing-medium); 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, transition: var(--sl-transition-fast) color, var(--sl-transition-fast) border, var(--sl-transition-fast) box-shadow,
var(--sl-transition-fast) background-color; var(--sl-transition-fast) background-color;
@ -84,7 +83,7 @@ export default css`
/* Trigger */ /* Trigger */
.tree-dropdown__expand-icon { .tree-dropdown__expand-icon {
height: var(--sl-input-height-medium); height: var(--sl-input-height-small);
flex: 0 0 auto; flex: 0 0 auto;
display: flex; display: flex;
align-items: center; align-items: center;
@ -111,7 +110,7 @@ export default css`
flex-wrap: wrap; flex-wrap: wrap;
align-content: center; align-content: center;
gap: 0.1rem 0.5rem; 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)); max-height: calc(var(--height, 5) * var(--sl-input-height-medium));
} }