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

Rename CSS prefixes of autocomplete to match conventions

Browse Source
This commit is contained in:
Molkobain
2021-08-20 16:39:51 +02:00
parent 242f499101
commit 3abcdc9c58
4 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -34,10 +34,10 @@ $ibo-input-select--select-wrapper--action-button--margin-right: 20px !default;
$ibo-input-select--action-button--padding-left: 6px !default;
$ibo-input-select--action-button--padding-right: 2px !default;
$ibo-select--autocomplete-item-image--size: 25px !default;
$ibo-select--autocomplete-item-image--margin-right: 0.5rem !default;
$ibo-select--autocomplete-item-image--background-color: $ibo-color-blue-100 !default;
$ibo-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-600 !default;
$ibo-input-select--autocomplete-item-image--size: 25px !default;
$ibo-input-select--autocomplete-item-image--margin-right: 0.5rem !default;
$ibo-input-select--autocomplete-item-image--background-color: $ibo-color-blue-100 !default;
$ibo-input-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-600 !default;
.ibo-input-select {
display: inline-block;
@@ -176,28 +176,28 @@ $ibo-select--autocomplete-item-image--border: 1px solid $ibo-color-grey-600 !def
color: #495c68;
}
.ibo-select--autocomplete-item {
.ibo-input-select--autocomplete-item {
display: flex;
justify-content: left;
align-items: center;
}
.ibo-select--autocomplete-item-image {
width: $ibo-select--autocomplete-item-image--size;
height: $ibo-select--autocomplete-item-image--size;
.ibo-input-select--autocomplete-item-image {
width: $ibo-input-select--autocomplete-item-image--size;
height: $ibo-input-select--autocomplete-item-image--size;
/* min-xxx are here to avoid medallion to be horizontally compressed when the title is to long */
min-width: $ibo-select--autocomplete-item-image--size;
min-height: $ibo-select--autocomplete-item-image--size;
min-width: $ibo-input-select--autocomplete-item-image--size;
min-height: $ibo-input-select--autocomplete-item-image--size;
background-position: center center;
background-size: 100%;
border-radius: 100%;
margin-right: $ibo-select--autocomplete-item-image--margin-right;
background-color: $ibo-select--autocomplete-item-image--background-color;
border: $ibo-select--autocomplete-item-image--border;
margin-right: $ibo-input-select--autocomplete-item-image--margin-right;
background-color: $ibo-input-select--autocomplete-item-image--background-color;
border: $ibo-input-select--autocomplete-item-image--border;
@extend %ibo-fully-centered-content;
}
.ibo-select--autocomplete-item-txt {
.ibo-input-select--autocomplete-item-txt {
white-space: nowrap;
}

10
datamodels/2.x/itop-structure/precompiled-themes/fullmoon/main.css
View File

File diff suppressed because one or more lines are too long

10
datamodels/2.x/itop-structure/precompiled-themes/test-red/main.css
View File

File diff suppressed because one or more lines are too long

16
js/extkeywidget.js
View File

@@ -140,12 +140,12 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
val = '';
if (item.initials != undefined) {
if (item.picture_url != undefined) {
val = '<span class="ibo-select--autocomplete-item-image" style="background-image: url('+item.picture_url+');">'+item.initials+'</span>';
val = '<span class="ibo-input-select--autocomplete-item-image" style="background-image: url('+item.picture_url+');">'+item.initials+'</span>';
} else {
val = '<span class="ibo-select--autocomplete-item-image">'+item.initials+'</span>';
val = '<span class="ibo-input-select--autocomplete-item-image">'+item.initials+'</span>';
}
}
val = val+'<span class="ibo-select--autocomplete-item-txt" >';
val = val+'<span class="ibo-input-select--autocomplete-item-txt" >';
if (item.obsolescence_flag == 1) {
val = val+'<span class="object-ref-icon text_decoration"><span class="fas fa-eye-slash object-obsolete fa-1x fa-fw"></span></span>'+item.label;
} else {
@@ -155,7 +155,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
val = val+'<br><i>'+item.additional_field+'</i>';
}
val = val+'</span>';
return $("<div class=\"option ibo-select--autocomplete-item\">").append(val);
return $("<div class=\"option ibo-input-select--autocomplete-item\">").append(val);
}
},
valueField: 'value',
@@ -252,12 +252,12 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
let val = '';
if (item.initials != undefined) {
if (item.picture_url != undefined) {
val = '<span class="ibo-select--autocomplete-item-image" style="background-image: url('+item.picture_url+');">'+item.initials+'</span>';
val = '<span class="ibo-input-select--autocomplete-item-image" style="background-image: url('+item.picture_url+');">'+item.initials+'</span>';
} else {
val = '<span class="ibo-select--autocomplete-item-image");">'+item.initials+'</span>';
val = '<span class="ibo-input-select--autocomplete-item-image");">'+item.initials+'</span>';
}
}
val = val+'<div class="ibo-select--autocomplete-item-txt">';
val = val+'<div class="ibo-input-select--autocomplete-item-txt">';
if (item.obsolescence_flag == '1') {
val = val+' <span class="object-ref-icon text_decoration"><span class="fas fa-eye-slash object-obsolete fa-1x fa-fw"></span></span>';
}
@@ -269,7 +269,7 @@ function ExtKeyWidget(id, sTargetClass, sFilter, sTitle, bSelectMode, oWizHelper
}
val = val+'</div>';
return $("<li>")
.append("<div data-selectable=\"\" class=\"ibo-select--autocomplete-item\">"+val+"</div>")
.append("<div data-selectable=\"\" class=\"ibo-input-select--autocomplete-item\">"+val+"</div>")
.appendTo(ul);
};