select with images

main
alexanderroese 2024-07-17 19:26:46 +02:00
parent 33deb476ee
commit 4cc5d6800f
2 changed files with 11 additions and 11 deletions

View File

@ -3646,12 +3646,12 @@ img {
/* shx custom */ /* shx custom */
.shx-custom-variant-picker-dropdown { .shx-custom-enhanced-dropdown {
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
.shx-custom-variant-picker-dropdown-content { .shx-custom-enhanced-dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: #f9f9f9; background-color: #f9f9f9;
@ -3662,7 +3662,7 @@ img {
padding: 6px 0; padding: 6px 0;
} }
.shx-custom-variant-picker-dropdown-content div { .shx-custom-enhanced-dropdown-content div {
color: black; color: black;
padding: 2px 12px; padding: 2px 12px;
text-decoration: none; text-decoration: none;
@ -3672,11 +3672,11 @@ img {
align-items: center; align-items: center;
} }
.shx-custom-variant-picker-dropdown-content div:hover { .shx-custom-enhanced-dropdown-content div:hover {
background-color: #ededed; background-color: #ededed;
} }
.shx-custom-variant-picker-dropbtn { .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-variant-picker-dropbtn:focus { .shx-custom-enhanced-dropdown-dropbtn:focus {
outline: none; outline: none;
} }
@ -3695,10 +3695,10 @@ img {
justify-content: center; justify-content: center;
} }
.shx-custom-variant-picker-selected-variant { .shx-custom-enhanced-dropdown-selected-variant {
background-color: #e9e9e9; background-color: #e9e9e9;
} }
.shx-custom-variant-picker-dummy-select { .shx-custom-enhanced-dropdown-hide-dummy-select {
display: none; display: none;
} }

View File

@ -602,8 +602,8 @@
if (isInputShxFont) { if (isInputShxFont) {
customDropdownHtml += ` customDropdownHtml += `
<div class="shx-custom-variant-picker-dropdown field custom"> <div class="shx-custom-enhanced-dropdown field custom">
<button class="shx-custom-variant-picker-dropbtn"> <button class="shx-custom-enhanced-dropdown-dropbtn">
<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>font</span> <span>font</span>
@ -613,7 +613,7 @@
</div> </div>
</button> </button>
<div class="shx-custom-variant-picker-dropdown-content"> <div class="shx-custom-enhanced-dropdown-content">
` `
} }