diff --git a/frontend/less/espo/misc/selectize/custom.less b/frontend/less/espo/misc/selectize/custom.less index 64c2f85b10..08ac272798 100644 --- a/frontend/less/espo/misc/selectize/custom.less +++ b/frontend/less/espo/misc/selectize/custom.less @@ -18,7 +18,7 @@ &.single { .selectize-input { font-size: var(--font-size-small); - padding: var(--3px) var(--19px) var(--3px) var(--10px); + padding: var(--5px) var(--19px) var(--5px) var(--10px); min-height: var(--input-height-small); } @@ -54,7 +54,7 @@ > .selectize-input { > .item { width: 100%; - height: var(--line-height-computed); + //height: var(--line-height-computed); overflow: hidden; vertical-align: top; text-overflow: ellipsis; @@ -83,6 +83,8 @@ .selectize-input { padding-right: var(--19px); + height: var(--line-height-base); + &.dropdown-active:after, &:after { color: var(--text-muted-color); @@ -99,6 +101,10 @@ position: absolute; } + > .item { + vertical-align: middle; + } + > .item + input { caret-color: transparent; margin-right: var(--minus-4px) !important; // Prevent select changing width on focus. @@ -107,10 +113,20 @@ &.input-sm { .selectize-input { + height: var(--line-height-small); + line-height: var(--line-height-small); + &.dropdown-active:after, &:after { top: var(--13px); } + + > .item { + line-height: var(--line-height-small); + + // Prevents height added. + vertical-align: bottom; + } } } } diff --git a/frontend/less/espo/root-variables.less b/frontend/less/espo/root-variables.less index 41e720b104..49d29b28f2 100644 --- a/frontend/less/espo/root-variables.less +++ b/frontend/less/espo/root-variables.less @@ -91,7 +91,7 @@ --line-height-base: 1.571429; --line-height-large: 1.3333333; - --line-height-small: 1.571; + --line-height-small: 1.5; --line-height-computed: var(--22px);