From 44e903276857a0278d66f0780d9bcc2b363c2f41 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Wed, 17 Jul 2024 18:21:25 +0200
Subject: [PATCH] select with images

---
 assets/base.css | 59 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/assets/base.css b/assets/base.css
index be6ba6f..d12320f 100644
--- a/assets/base.css
+++ b/assets/base.css
@@ -3643,3 +3643,62 @@ img {
   -moz-user-drag: none;
   -ms-user-drag: none;
 }
+
+/* shx custom */
+
+.shx-custom-variant-picker-dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.shx-custom-variant-picker-dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f9f9f9;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+  z-index: 10000;
+  width: 100%;
+  padding: 6px 0;
+}
+
+.shx-custom-variant-picker-dropdown-content div {
+  color: black;
+  padding: 2px 12px;
+  text-decoration: none;
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+  align-items: center;
+}
+
+.shx-custom-variant-picker-dropdown-content div:hover {
+  background-color: #ededed;
+}
+
+.shx-custom-variant-picker-dropbtn {
+  width: 100%;
+  padding: 4px 14px 4px 24px;
+  font-size: 16px;
+  border: none;
+  background-color: transparent;
+  text-align: left;
+  color: rgb(var(--color-foreground));
+}
+
+.shx-custom-variant-picker-dropbtn:focus {
+  outline: none;
+}
+
+.shx-custom-variant-picker-dropdown-variant {
+  display: flex;
+  justify-content: center;
+}
+
+.shx-custom-variant-picker-selected-variant {
+  background-color: #e9e9e9;
+}
+
+.shx-custom-variant-picker-dummy-select {
+  display: none;
+}