searchable select: add loader icon
This commit is contained in:
parent
7b15f669d4
commit
da9309709b
2 changed files with 17 additions and 0 deletions
|
@ -13,6 +13,7 @@
|
|||
value="<%= @value %>"
|
||||
>
|
||||
<svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down" /></svg>
|
||||
<div class="small loading icon"></div>
|
||||
</div>
|
||||
<ul class="dropdown-menu dropdown-menu-left js-optionsList" role="menu">
|
||||
<%- @renderedOptions %>
|
||||
|
|
|
@ -5676,6 +5676,22 @@ output {
|
|||
li:not(.is-active):hover + li {
|
||||
box-shadow: 0 1px rgba(255,255,255,.13) inset;
|
||||
}
|
||||
|
||||
.loading.icon {
|
||||
position: absolute;
|
||||
right: 11px;
|
||||
top: 11px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.is-loading {
|
||||
.loading.icon {
|
||||
display: block;
|
||||
}
|
||||
.icon-arrow-down {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.action {
|
||||
|
|
Loading…
Reference in a new issue