select with images
parent
33deb476ee
commit
4cc5d6800f
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
`
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue