tie icon switch to empty instead of selected

This commit is contained in:
Laura Klünder 2017-10-26 21:16:45 +02:00
parent 427220ca54
commit bef30efeb7
2 changed files with 5 additions and 5 deletions

View file

@ -149,7 +149,7 @@ main.map {
.locationinput button.reset {
background-image: url('../img/icons/cross.svg');
}
.locationinput.selected button.locate, .locationinput:not(.selected) button.reset {
.locationinput:not(.empty) button.locate, .locationinput.empty button.reset {
transform: scale(0.7);
opacity: 0;
pointer-events:none;

View file

@ -25,15 +25,15 @@
<section id="map" data-bounds="{{ bounds }}" data-levels="{{ levels }}"></section>
<section id="sidebar">
<section id="search">
<div class="location locationinput" id="origin-input">
<div class="location locationinput empty" id="origin-input">
<input type="text" placeholder="{% trans 'Search any location…' %}">
<small>Lecture Hall</small>
<small></small>
<button class="button-clear locate"></button>
<button class="button-clear reset"></button>
</div>
<div class="location locationinput" id="destination-input">
<div class="location locationinput empty" id="destination-input">
<input type="text" placeholder="{% trans 'Search any location…' %}">
<small>Lecture Hall</small>
<small></small>
<button class="button-clear locate"></button>
<button class="button-clear reset"></button>
</div>