fix highlight directive

app/shared/components/chat.component.html

@@ -13,7 +13,7 @@
         <tr>
             <td colspan="2">
                 <div class="chat-table">
-                    <table class="table table-striped">
+                    <table class="table">
                         <thead>
                             <tr>
                                 <th></th>

app/shared/components/match.component.html

@@ -34,7 +34,7 @@
         <tr>
             <td colspan="2">
                 <div class="feed-table">
-                    <table class="table table-striped">
+                    <table class="table">
                         <thead>
                             <tr>
                                 <th></th>

app/shared/directives/highlight.directive.ts

@@ -5,17 +5,14 @@ import { Directive, ElementRef, HostListener, Input, Renderer } from '@angular/c
 })
 export class HighlightDirective {
   constructor(private el: ElementRef, private renderer: Renderer) {
-      this.renderer.setElementClass(this.el.nativeElement, 'feed-highlight', true);
+    let self = this;
+      self.renderer.setElementClass(this.el.nativeElement, 'feed-highlight', true);
+      setTimeout(function() {
+        console.log('removing..');
+        self.renderer.setElementClass(self.el.nativeElement,'feed-highlight-light', true);
+      }, 1000);
    }
 
-  @HostListener('mouseenter') onMouseEnter() {
-    this.highlight('white');
-  }
-
-  @HostListener('mouseleave') onMouseLeave() {
-    this.highlight(null);
-  }
-
   private highlight(color: string) {
     this.renderer.setElementStyle(this.el.nativeElement, 'backgroundColor', color);
   }

wwwroot/css/site.css

@@ -47,7 +47,16 @@ th, td {
 }
 
 .feed-highlight {
-    background-color: #eee;
+    background-color: #a94442;
+    -webkit-transition: background-color 2000ms linear;
+    -moz-transition: background-color 2000ms linear;
+    -o-transition: background-color 2000ms linear;
+    -ms-transition: background-color 2000ms linear;
+    transition: background-color 2000ms linear;
+}
+
+.feed-highlight-light {
+    background-color: white;
     -webkit-transition: background-color 2000ms linear;
     -moz-transition: background-color 2000ms linear;
     -o-transition: background-color 2000ms linear;