# HG changeset patch # User Chloe Laisne # Date 1474933853 -7200 # Node ID 2fef8007c2b24fa07ffef8dbb8a244801ddd8d8f # Parent 973df1349591bf3c210c3a18d32a4a09fcf6e90b Transcript icon in player white by default and blue when active + Transcript font color darker diff -r 973df1349591 -r 2fef8007c2b2 cms/app-client/app/styles/components/player-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 diff -r 973df1349591 -r 2fef8007c2b2 cms/app-client/app/styles/components/transcript-component.scss --- 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;