Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

searchable select: add loader icon

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/assets/javascripts/app/views/generic/searchable_select.jst.eco
View file

@ -13,6 +13,7 @@
value="<%= @value %>" value="<%= @value %>"
> >
<svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down" /></svg> <svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down" /></svg>
<div class="small loading icon"></div>
</div> </div>
<ul class="dropdown-menu dropdown-menu-left js-optionsList" role="menu"> <ul class="dropdown-menu dropdown-menu-left js-optionsList" role="menu">
<%- @renderedOptions %> <%- @renderedOptions %>

16
app/assets/stylesheets/zammad.css.scss
View file

@ -5676,6 +5676,22 @@ output {
li:not(.is-active):hover + li { li:not(.is-active):hover + li {
box-shadow: 0 1px rgba(255,255,255,.13) inset; 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 { .action {