From 5c7562de64c1de4bd02c86a28fa4d4778532e6f1 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Wed, 17 Jul 2024 22:58:55 +0200
Subject: [PATCH] select with images

---
 assets/base.css                        | 4 ++--
 snippets/product-variant-picker.liquid | 2 +-
 snippets/shx-3d-render-input.liquid    | 6 ++----
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/assets/base.css b/assets/base.css
index ac10add..8c44541 100644
--- a/assets/base.css
+++ b/assets/base.css
@@ -3676,7 +3676,7 @@ img {
   background-color: #ededed;
 }
 
-.shx-custom-enhanced-dropdown-dropbtn {
+.shx-custom-enhanced-dropdown-button {
   width: 100%;
   padding: 4px 14px 4px 24px;
   font-size: 16px;
@@ -3686,7 +3686,7 @@ img {
   color: rgb(var(--color-foreground));
 }
 
-.shx-custom-enhanced-dropdown-dropbtn:focus {
+.shx-custom-enhanced-dropdown-button:focus {
   outline: none;
 }
 
diff --git a/snippets/product-variant-picker.liquid b/snippets/product-variant-picker.liquid
index abf7f3d..1d92112 100644
--- a/snippets/product-variant-picker.liquid
+++ b/snippets/product-variant-picker.liquid
@@ -119,7 +119,7 @@
             {% endfor %}
           </select>
 
-          <button class="shx-custom-enhanced-dropdown-dropbtn" id="shx-custom-enhanced-dropdown-variant-select-button">
+          <button class="shx-custom-enhanced-dropdown-button" id="shx-custom-enhanced-dropdown-variant-select-button">
             <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>
               
diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index 6829030..2e8e4d4 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -588,8 +588,6 @@
     }
 
     function onFontDropdownItemClick(event) {
-        console.log("onFontDropdownItemClick")
-
         const selectedVariant = event.currentTarget.getAttribute('data-value');
         document.getElementById('shx-custom-enhanced-dropdown-font-select-selected-value').innerText = selectedVariant;
 
@@ -624,7 +622,7 @@
         let html = `
             <label class="form__label custom shx-ifc-form_label" for="${inputID}-label">${labelText}</label>
             <div class="field custom">
-                <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)">
+                <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)">
         `;
 
         let isInputShxFont = inputID === "shx-font"
@@ -633,7 +631,7 @@
         if (isInputShxFont) {
             customDropdownHtml += `
                 <div class="shx-custom-enhanced-dropdown field custom">
-                    <button class="shx-custom-enhanced-dropdown-dropbtn" 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">
                             <span id="shx-custom-enhanced-dropdown-font-select-selected-value">lade...</span>