composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-23 02:28:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°4370 - Field content overlapping on rest of the UI (Backoffice) - 2

Browse Source
This commit is contained in:
acognet
2021-10-11 15:28:24 +02:00
parent dce244f5aa
commit 2a32c5691b
2 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/backoffice/components/input/_input-select.scss
View File

@@ -14,6 +14,7 @@ $ibo-input-select-selectize--value--min-midth: 150px;
$ibo-input-select-selectize--value--height: 100% !default;
$ibo-input-select-selectize--value--line-height: $ibo-input--height !default;
$ibo-input-select-selectize--dropdown--max-height: 50vh !default;
$ibo-input-select-selectize--dropdown--max-width: 50em !default;
$ibo-input-select-wrapper--width: 100% !default;
@@ -84,6 +85,7 @@ $ibo-input-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-60
}
.ibo-input-select-autocomplete{
min-width: $ibo-input-select-autocomplete--value--min-midth !important;
text-overflow: ellipsis;
}
.ibo-input-selectize {
min-width: $ibo-input-select-selectize--value--min-midth !important;
@@ -181,6 +183,7 @@ $ibo-input-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-60
.selectize-dropdown.plugin-custom_itop {
z-index: 2000; /* Note: This is not great as it does not take into account other elements z-index, but as selectize puts its dropdown under the <body> tag, we cannot have a z-index relative to input container. */
max-height: $ibo-input-select-selectize--dropdown--max-height;
max-width: $ibo-input-select-selectize--dropdown--max-width ;
overflow-y: auto;
}

2
js/extkeywidget.js
View File

@@ -182,6 +182,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
var hasFocus = 0;
var cache = {};
$('#label_'+me.id).data('selected_value', $('#label_'+me.id).val());
$('#label_'+me.id).prop('title', $('#label_'+me.id).val());
$('#label_'+me.id).autocomplete({
source: function (request, response) {
term = request.term.toLowerCase().latinise().replace(/[\u0300-\u036f]/g, "");
@@ -233,6 +234,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
let labelValue = $('<div>').html(ui.item.label).text();
$('#label_'+me.id).val(labelValue);
$('#label_'+me.id).data('selected_value', labelValue);
$('#label_'+me.id).prop('title',labelValue);
$('#'+me.id).trigger('validate');
$('#'+me.id).trigger('extkeychange');
$('#'+me.id).trigger('change');