Jannex
/
SHX-Theme
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

select with images

main
alexanderroese 2024-07-17 23:01:48 +02:00
parent 5c7562de64
commit 2e588c063e
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/base.css
View File

@ -3676,7 +3676,7 @@ img {
background-color: #ededed; background-color: #ededed;
} }
.shx-custom-enhanced-dropdown-button { .shx-custom-enhanced-dropdown-dropbtn {
width: 100%; width: 100%;
padding: 4px 14px 4px 24px; padding: 4px 14px 4px 24px;
font-size: 16px; font-size: 16px;
@ -3686,7 +3686,7 @@ img {
color: rgb(var(--color-foreground)); color: rgb(var(--color-foreground));
} }
.shx-custom-enhanced-dropdown-button:focus { .shx-custom-enhanced-dropdown-dropbtn:focus {
outline: none; outline: none;
} }

2
snippets/product-variant-picker.liquid
View File

@ -119,7 +119,7 @@
{% endfor %} {% endfor %}
</select> </select>
<button class="shx-custom-enhanced-dropdown-button" id="shx-custom-enhanced-dropdown-variant-select-button"> <button class="shx-custom-enhanced-dropdown-dropbtn" id="shx-custom-enhanced-dropdown-variant-select-button">
<div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none"> <div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none">
<span id="shx-custom-enhanced-dropdown-variant-select-selected-value">{{ option.selected_value }}</span> <span id="shx-custom-enhanced-dropdown-variant-select-selected-value">{{ option.selected_value }}</span>

4
snippets/shx-3d-render-input.liquid
View File

@ -622,7 +622,7 @@
let html = ` let html = `
<label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}</label> <label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}</label>
<div class="field custom"> <div class="field custom">
<select id="${inputID}" form="product-form-${section_id}" name="properties[${inputName}]" class="field__input shx-custom-enhanced-dropdown-hide-dummy-select shx-custom-enhanced-dropdown-font-hide-dummy-select" style="height: 40px" onchange="document.querySelector('shx-input-forms').renderView(500)"> <select id="${inputID}" form="product-form-${section_id}" name="properties[${inputName}]" class="field__input shx-custom-enhanced-dropdown-font-hide-dummy-select" style="height: 40px" onchange="document.querySelector('shx-input-forms').renderView(500)">
`; `;
let isInputShxFont = inputID === "shx-font" let isInputShxFont = inputID === "shx-font"
@ -631,7 +631,7 @@
if (isInputShxFont) { if (isInputShxFont) {
customDropdownHtml += ` customDropdownHtml += `
<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-dropbtn" onclick="toggleCustomEnhancedDropdownFont()">
<div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none"> <div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none">
<span id="shx-custom-enhanced-dropdown-font-select-selected-value">lade...</span> <span id="shx-custom-enhanced-dropdown-font-select-selected-value">lade...</span>