Repository URL to install this package:
.jet-smart-filters-search {
.jet-search-filter {
.jet-filter-label {
text-align: left;
}
&__input {
width: 100%;
display: block;
&-wrapper {
position: relative;
width: 100%;
min-width: 50px;
}
&-clear,
&-loading {
display: none;
position: absolute;
top: 50%;
color: #777;
font-family: FontAwesome;
}
&-clear {
cursor: pointer;
right: 5px;
padding: 5px;
font-size: 16px;
line-height: 1;
height: 26px;
margin-top: -13px;
&::before {
content: '\f00d';
}
}
&-loading {
right: 6px;
height: 20px;
width: 20px;
margin-top: -10px;
border-left: 3px solid transparent;
border-top: 3px solid currentColor;
border-right: 3px solid currentColor;
border-bottom: 3px solid currentColor;
border-radius: 50%;
animation: loading-spin 1s infinite linear;
@keyframes loading-spin {
from {
transform: rotate(0deg);
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
transform: rotate(359deg);
}
}
}
}
&__submit {
margin-top: 10px;
}
&.jet-filters-single-loading .jet-search-filter__input-loading {
display: block;
}
&:not(.jet-filters-single-loading) .jet-input-not-empty~.jet-search-filter__input-clear {
display: block;
}
}
}