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

Simplify serachable select layout

Browse source
This commit is contained in:
Felix Niklas 2015-08-21 11:14:31 +03:00
parent b5189dfebb
commit e3b77af2f4
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -7,12 +7,15 @@
<%= @autofocus %>
value="<%= @value %>"
>
<div class="searchableSelect-autocomplete"><span class="searchableSelect-autocomplete-invisible js-autocomplete-invisible"></span><span class="searchableSelect-autocomplete-visible js-autocomplete-visible"></span></div>
<input
class="searchableSelect-main form-control js-input<%= " #{ @class }" if @class %>"
placeholder="<%= @placeholder %>"
value="<%= @valueName %>"
>
<div class="searchableSelect-autocomplete">
<span class="searchableSelect-autocomplete-invisible js-autocomplete-invisible"></span>
<span class="searchableSelect-autocomplete-visible js-autocomplete-visible"></span>
</div>
<svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down" /></svg>
<div class="small loading icon"></div>
</div>

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

@ -5823,18 +5823,15 @@ output {
}
.searchableSelect-main {
background: none;
position: relative;
}
.searchableSelect-shadow {
pointer-events: none;
color: transparent;
position: absolute;
left: 0;
top: 0;
right: 0;
border: none;
display: none;
}
.dropdown-menu {
margin-top: -3px;
}
&.dropdown li:hover:not(.is-active) {
@ -5857,6 +5854,7 @@ output {
white-space: nowrap;
overflow: hidden;
pointer-events: none;
display: flex;
}
.searchableSelect-autocomplete-invisible {