From 63bd1643cecaabaa18d342ff0690606b60e97fc3 Mon Sep 17 00:00:00 2001 From: acognet Date: Mon, 11 Oct 2021 09:11:38 +0200 Subject: [PATCH] =?UTF-8?q?N=C2=B04370=20-=20Field=20content=20overlapping?= =?UTF-8?q?=20on=20rest=20of=20the=20UI=20(Backoffice)=20-=202?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/backoffice/components/_field.scss | 1 - css/backoffice/components/_fieldset.scss | 4 ++++ css/backoffice/vendors/_jquery-multiselect.scss | 9 +++++---- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/css/backoffice/components/_field.scss b/css/backoffice/components/_field.scss index 336437669..69c8abdbf 100644 --- a/css/backoffice/components/_field.scss +++ b/css/backoffice/components/_field.scss @@ -178,7 +178,6 @@ $ibo-field--enable-bulk--checkbox--margin-left: 8px !default; width: 20em; } .ibo-field--value { - display: table; width: 100%; color: $ibo-field--value--color; diff --git a/css/backoffice/components/_fieldset.scss b/css/backoffice/components/_fieldset.scss index f48b13e05..4bb753def 100644 --- a/css/backoffice/components/_fieldset.scss +++ b/css/backoffice/components/_fieldset.scss @@ -18,6 +18,10 @@ $ibo-fieldset--legend--border-bottom-style: solid !default; } } +.ibo-column > .ibo-fieldset { + display: contents; +} + .ibo-multi-column ~ .ibo-fieldset { margin-top: $ibo-fieldset--sibling-spacing; } diff --git a/css/backoffice/vendors/_jquery-multiselect.scss b/css/backoffice/vendors/_jquery-multiselect.scss index 1853b3812..70b009e9c 100644 --- a/css/backoffice/vendors/_jquery-multiselect.scss +++ b/css/backoffice/vendors/_jquery-multiselect.scss @@ -21,15 +21,16 @@ $ibo-vendors-jquery-multiselect--ui-multiselect-menu--z-index: 10000 !default; -.ui-multiselect { +.ui-multiselect { @extend .ibo-input; @extend .ibo-input-select; width: auto !important; padding-left: $ibo-vendors-jquery-multiselect--ui-multiselect--padding-left !important; padding-right: $ibo-vendors-jquery-multiselect--ui-multiselect--padding-right !important; - text-align:left; - white-space:nowrap; - overflow:hidden; + text-align: left; + white-space: nowrap; + overflow: hidden; + display: grid; } button.ui-multiselect > span {