diff --git a/app/shared/components/chat.component.html b/app/shared/components/chat.component.html
index f0f1a00..629f661 100644
--- a/app/shared/components/chat.component.html
+++ b/app/shared/components/chat.component.html
@@ -13,7 +13,7 @@
-
+
|
diff --git a/app/shared/components/match.component.html b/app/shared/components/match.component.html
index f386aa4..5fbc5ba 100644
--- a/app/shared/components/match.component.html
+++ b/app/shared/components/match.component.html
@@ -34,7 +34,7 @@
-
+
|
diff --git a/app/shared/directives/highlight.directive.ts b/app/shared/directives/highlight.directive.ts
index 979db46..13d7039 100644
--- a/app/shared/directives/highlight.directive.ts
+++ b/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);
}
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index c4adc1f..364ecbd 100644
--- a/wwwroot/css/site.css
+++ b/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;
| |