From 2e588c063e91f603afd7d396da514997d5bd9c05 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Wed, 17 Jul 2024 23:01:48 +0200
Subject: [PATCH] select with images

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

diff --git a/assets/base.css b/assets/base.css
index 8c44541..ac10add 100644
--- a/assets/base.css
+++ b/assets/base.css
@@ -3676,7 +3676,7 @@ img {
   background-color: #ededed;
 }
 
-.shx-custom-enhanced-dropdown-button {
+.shx-custom-enhanced-dropdown-dropbtn {
   width: 100%;
   padding: 4px 14px 4px 24px;
   font-size: 16px;
@@ -3686,7 +3686,7 @@ img {
   color: rgb(var(--color-foreground));
 }
 
-.shx-custom-enhanced-dropdown-button:focus {
+.shx-custom-enhanced-dropdown-dropbtn:focus {
   outline: none;
 }
 
diff --git a/snippets/product-variant-picker.liquid b/snippets/product-variant-picker.liquid
index 1d92112..abf7f3d 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-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">
               <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 2e8e4d4..6b544e9 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -622,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-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"
@@ -631,7 +631,7 @@
         if (isInputShxFont) {
             customDropdownHtml += `
                 <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">
                             <span id="shx-custom-enhanced-dropdown-font-select-selected-value">lade...</span>