# HG changeset patch
# User Chloe Laisne <chloe.laisne@gmail.com>
# Date 1472056361 -7200
# Node ID 19313f7c04ab95cac476addae0564ff42444cdf5
# Parent  a2872152f5682dc7cbe7b67a6da4a0a23cc71363
External notice .active:hover state color + Cancel bubble up event for external notice

diff -r a2872152f568 -r 19313f7c04ab cms/app-client/app/styles/components/playlist-component.scss
--- a/cms/app-client/app/styles/components/playlist-component.scss	Wed Aug 24 17:56:21 2016 +0200
+++ b/cms/app-client/app/styles/components/playlist-component.scss	Wed Aug 24 18:32:41 2016 +0200
@@ -82,6 +82,7 @@
 .playlist-component ul li.playing .tools button:hover,
 .playlist-component ul li.playing .tools .fa:hover {
     background-color: $medium-blue;
+    color: $light-blue;
 }
 
 .playlist-component ul li.notice .tools button.active {
@@ -89,8 +90,8 @@
     color: $light-white;
 }
 
-.playlist-component ul li.notice .tools button:hover {
-    background-color: $medium-white;
+.playlist-component ul li.notice:not(.playing) .tools button.active:hover {
+    color: $light-white;
 }
 
 .playlist-component ul li.notice .tools .fa:hover {
diff -r a2872152f568 -r 19313f7c04ab cms/app-client/app/templates/components/playlist-component.hbs
--- a/cms/app-client/app/templates/components/playlist-component.hbs	Wed Aug 24 17:56:21 2016 +0200
+++ b/cms/app-client/app/templates/components/playlist-component.hbs	Wed Aug 24 18:32:41 2016 +0200
@@ -12,7 +12,7 @@
             {{/if}}
                 {{ to-minutes document.duration }}
             </span>
-            <button{{action 'displayNotice' document.id}} class="{{if (ifOr (ifAnd (eq player.window 'notice') (eq player.item document.id)) (eq document.id notice)) 'active'}}">Notice</button>
+            <button{{action 'displayNotice' document.id bubbles=false}} class="{{if (ifOr (ifAnd (eq player.window 'notice') (eq player.item document.id)) (eq document.id notice)) 'active'}}">Notice</button>
         </div>
         <span class="title">{{ document.title }}</span>
         <span class="author">{{document.publishers_disp}}</span>