Transcript icon in player white by default and blue when active + Transcript font color darker
--- 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;