--- a/cms/app-client/app/styles/components/player-component.scss Fri Aug 05 18:51:59 2016 +0200
+++ b/cms/app-client/app/styles/components/player-component.scss Tue Aug 16 00:16:08 2016 +0200
@@ -65,6 +65,14 @@
margin-left: 10px;
}
+.player-component #audio .controls.extra i {
+ margin-left: 28px;
+}
+
+.player-component #audio .controls.extra i:first-child {
+ margin-left: 0px;
+}
+
.player-component #audio .progress {
position: relative;
margin: 0px 59px;
@@ -104,6 +112,10 @@
width: 226px;
}
+.player-component #audio.extra.multiple .progress .bar {
+ width: 181px;
+}
+
.player-component #audio .progress .bar .value {
width: 0%;
height: 100%;
@@ -157,7 +169,7 @@
.player-component #video {
display: none;
- background-color: $dark-blue;
+ background-color: #000000;
border: none;
z-index: 1;
left: 0px;
@@ -165,12 +177,13 @@
width: 554px;
}
-.player-component.video:not(.reduce) #video {
+body.videoscreen .player-component.video #video {
display: block;
}
.player-component #video #popcorn-audio {
width: 100%;
+ height: 308px;
display: block;
margin: 0 auto;
}
@@ -184,6 +197,11 @@
transition: opacity .15s;
}
+.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;
}