searchable select: add loader icon

This commit is contained in:
Felix Niklas 2015-08-04 16:56:10 +02:00
parent 7b15f669d4
commit da9309709b
2 changed files with 17 additions and 0 deletions

View file

@ -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 %>

View file

@ -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 {