Transcript icon in player white by default and blue when active + Transcript font color darker
authorChloe Laisne <chloe.laisne@gmail.com>
Tue, 27 Sep 2016 01:50:53 +0200
changeset 303 2fef8007c2b2
parent 302 973df1349591
child 304 20071981ba2a
child 310 b1f9bcfda379
Transcript icon in player white by default and blue when active + Transcript font color darker
cms/app-client/app/styles/components/player-component.scss
cms/app-client/app/styles/components/transcript-component.scss
--- a/cms/app-client/app/styles/components/player-component.scss	Tue Sep 27 01:40:19 2016 +0200
+++ b/cms/app-client/app/styles/components/player-component.scss	Tue Sep 27 01:50:53 2016 +0200
@@ -209,18 +209,13 @@
 
 .player-component #audio .controls.extra i.fa-bars::before {
     font-size: 21px;
-    transition: opacity .15s;
+}
+
+.player-component #audio .controls.extra i.fa-bars.active::before {
+    color: $blue;
 }
 
 .player-component #audio .controls.extra i.fa-expand::before,
 .player-component #audio .controls.extra i.fa-compress::before {
     font-size: 19px;
-}
-
-.player-component #audio .controls.extra i.fa-bars:not(.active)::before {
-    opacity: .1;
-}
-
-.player-component #audio .controls.extra i.fa-bars:not(.active):hover::before {
-    opacity: 1;
-}
+}
\ No newline at end of file
--- a/cms/app-client/app/styles/components/transcript-component.scss	Tue Sep 27 01:40:19 2016 +0200
+++ b/cms/app-client/app/styles/components/transcript-component.scss	Tue Sep 27 01:50:53 2016 +0200
@@ -55,7 +55,7 @@
 
 .transcript-component .transcript .annotations .sentence {
     padding: 20px 20px 20px 64px;
-    color: $medium-grey;
+    color: $dark-grey;
     position: relative;
     background-color: transparent;
     transition: background-color .15s, color .15s;