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