select with images

main
alexanderroese 2024-07-18 17:29:44 +02:00
parent a035f35826
commit e4e3b3447d
1 changed files with 4 additions and 2 deletions

View File

@ -655,7 +655,7 @@
<div class="shx-custom-enhanced-dropdown field custom"> <div class="shx-custom-enhanced-dropdown field custom">
<button class="shx-custom-enhanced-dropdown-button" onclick="toggleCustomEnhancedDropdownFont()"> <button class="shx-custom-enhanced-dropdown-button" onclick="toggleCustomEnhancedDropdownFont()">
<div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none; height: 40px"> <div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none; height: 40px">
<div style="position: relative; top: 2px; width: 120px"> <div style="position: relative; top: 4px; width: 120px">
<img id="shx-custom-enhanced-dropdown-font-select-selected-value" alt="lade..." style="height: 28px"></img> <img id="shx-custom-enhanced-dropdown-font-select-selected-value" alt="lade..." style="height: 28px"></img>
</div> </div>
@ -686,7 +686,9 @@
if (isInputShxFont) { if (isInputShxFont) {
customDropdownHtml += ` customDropdownHtml += `
<div data-value="${optionValue}" class="${inputVal === optionValue ? 'shx-custom-enhanced-dropdown-variant-selected' : ''}" onclick="onFontDropdownItemClick(event)" style="height: 60px"> <div data-value="${optionValue}" class="${inputVal === optionValue ? 'shx-custom-enhanced-dropdown-variant-selected' : ''}" onclick="onFontDropdownItemClick(event)" style="height: 60px">
<img src="${getCustomEnhancedDropdownItemFontAssetUrl(optionValue)}" alt="${optionDisplayName}" style="height: 100%;" /> <div>
<img src="${getCustomEnhancedDropdownItemFontAssetUrl(optionValue)}" alt="${optionDisplayName}" style="height: 100%; width: 100%" />
</div>
</div> </div>
` `
} }