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;