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

View File

@ -602,8 +602,8 @@
if (isInputShxFont) {
customDropdownHtml += `
<div class="shx-custom-variant-picker-dropdown field custom">
<button class="shx-custom-variant-picker-dropbtn">
<div class="shx-custom-enhanced-dropdown field custom">
<button class="shx-custom-enhanced-dropdown-dropbtn">
<div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none">
<span>font</span>
@ -613,7 +613,7 @@
</div>
</button>
<div class="shx-custom-variant-picker-dropdown-content">
<div class="shx-custom-enhanced-dropdown-content">
`
}