From ffa8248ac1c67f05abd95fe91ebb080badf778e3 Mon Sep 17 00:00:00 2001 From: Yuri Kuznetsov Date: Fri, 22 Mar 2024 10:35:59 +0200 Subject: [PATCH] small input 29px --- frontend/less/espo/custom.less | 5 +++-- frontend/less/espo/misc/selectize/custom.less | 10 +++++++--- frontend/less/espo/variables.less | 5 ++++- 3 files changed, 14 insertions(+), 6 deletions(-) diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less index 45d57eb0fb..5d6481ba2a 100644 --- a/frontend/less/espo/custom.less +++ b/frontend/less/espo/custom.less @@ -384,7 +384,7 @@ div.list-expanded > ul > li > div.expanded-row > .cell:first-child { } .filter .selectize-input { - min-height: 30px; + min-height: @input-height-small; } .btn.active { @@ -730,7 +730,7 @@ input.global-search-input { .field .link-container .list-group-item .form-control, .field .link-container .list-group-item .btn { - margin-top: 1px; + margin-top: 2px; margin-bottom: 0; } @@ -797,6 +797,7 @@ input.global-search-input { > .list-group-item { padding-top: 4px; padding-bottom: 4px; + line-height: @line-height-small-computed; } } .input-group { diff --git a/frontend/less/espo/misc/selectize/custom.less b/frontend/less/espo/misc/selectize/custom.less index 28025b361c..2385782f30 100644 --- a/frontend/less/espo/misc/selectize/custom.less +++ b/frontend/less/espo/misc/selectize/custom.less @@ -3,14 +3,18 @@ &.multi { .selectize-input { font-size: @font-size-small; - padding: 4px 7px 0; + padding: 2px 7px 0; + + > .item { + margin: 0 3px 2px 0; + } } } &.single { .selectize-input { font-size: @font-size-small; - padding: 4px 19px 3px 10px; + padding: 3px 19px 3px 10px; min-height: @input-height-small; } @@ -101,7 +105,7 @@ .selectize-input { &.dropdown-active:after, &:after { - top: 13px; + top: 12px; } } } diff --git a/frontend/less/espo/variables.less b/frontend/less/espo/variables.less index 9f310e7029..9f52f02508 100644 --- a/frontend/less/espo/variables.less +++ b/frontend/less/espo/variables.less @@ -61,6 +61,8 @@ @list-group-active-text-color: var(--main-gray-lighten-40); +@input-height-small: 29px; + @input-color: var(--input-color); @input-bg: var(--input-bg); @input-border: var(--input-border); @@ -108,7 +110,8 @@ .clearfix(); } -@line-height-small-computed: floor((@font-size-base * @line-height-small)); +//@line-height-small-computed: floor((@font-size-base * @line-height-small)); +@line-height-small-computed: 20px; @font-size-smaller: 13px;