BounceIn effect in liveboard search

iRail · Jun 3, 2014 · d59b507 · d59b507
1 parent cd833b8
commit d59b507
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/app/views/stations/search.blade.php b/app/views/stations/search.blade.php
@@ -17,7 +17,7 @@
                         <label for="departure">{{Lang::get('client.stationName')}}</label>
                         <input type="text" ng-model="departure" placeholder="{{Lang::get('client.stationSearchPlaceholder')}}" typeahead="station as station.name for station in stations.stations | filter:{name:$viewValue} | limitTo:5" typeahead-template-url="customTemplate.html" class="form-control input-lg">
                     </div>
-                    <a href="{{ URL::to('stations') }}/@{{departure.id}}" ng-show="departure.id" class="btn btn-primary btn-wide btn-lg">{{Lang::get('client.viewLiveboard')}}</a>
+                    <a href="{{ URL::to('stations') }}/@{{departure.id}}" ng-show="departure.id" class="btn btn-primary btn-wide btn-lg bounceIn">{{Lang::get('client.viewLiveboard')}}</a>
                 </div>
             </div>
         </div>

diff --git a/public/css/main.css b/public/css/main.css
@@ -160,6 +160,10 @@ input.ng-invalid {
   -webkit-animation: fadeIn 0.7s;
   animation: fadeIn 0.7s; }
 
+a.bounceIn.ng-hide-remove {
+  -webkit-animation: bounceIn 0.7s;
+  animation: bounceIn 0.7s; }
+
 .row.loading.ng-hide-remove {
   -webkit-animation: bounceIn 0.7s;
   animation: bounceIn 0.7s; }

diff --git a/public/css/main.scss b/public/css/main.scss
@@ -203,6 +203,11 @@ input.ng-invalid {
   animation: fadeIn 0.7s;
   }
 
+a.bounceIn.ng-hide-remove {
+  -webkit-animation: bounceIn 0.7s;
+  animation: bounceIn 0.7s;
+  }
+
 
 .row.loading.ng-hide-remove {
   -webkit-animation: bounceIn 0.7s;