fix

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / components / _player.scss

diff --git a/src/wolnelektury/static/2022/styles/components/_player.scss b/src/wolnelektury/static/2022/styles/components/_player.scss
index fbc861c..ce90ee8 100644 (file)
--- a/src/wolnelektury/static/2022/styles/components/_player.scss
+++ b/src/wolnelektury/static/2022/styles/components/_player.scss
@@ -64,13 +64,20 @@
     height: 10px;
     width: 100%;
     display: block;
     height: 10px;
     width: 100%;
     display: block;

-    background: #FFFFFF;
+    background: #f2f2f2;

     border-radius: 5px;
     position: relative;
     overflow: hidden;
 
     border-radius: 5px;
     position: relative;
     overflow: hidden;
 

-    span {
-      width: 40%;
+    span.jp-seek-bar {
+      height: 100%;
+      position: absolute;
+      border-radius: 5px;
+      background-color: #fff;
+      top: 0; left: 0;
+    }
+    
+    span.jp-play-bar {

       height: 100%;
       position: absolute;
       border-radius: 5px;
       height: 100%;
       position: absolute;
       border-radius: 5px;


@@ -80,6 +87,19 @@
   }
 }
 
   }
 }
 

+.c-player__title {
+  top: -27px;
+  left: 0;
+  position: absolute;
+  font-style: normal;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 140%;
+  letter-spacing: 0.05em;
+  color: #083F4D;
+}
+
+

 .c-player__info {
   top: -27px;
   right: 0;
 .c-player__info {
   top: -27px;
   right: 0;


@@ -97,7 +117,7 @@
   display: block;
   position: relative;
 
   display: block;
   position: relative;
 

-  span {
+  > span {

     position: absolute;
     padding-top: 10px;
     font-style: normal;
     position: absolute;
     padding-top: 10px;
     font-style: normal;