X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/40ea08ada00c0ad2e2b08718a27b7d046ae4035b..16c39b15d9a1516d9cbfa99288747260493cbb15:/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 060429826..9e4095088 100644 --- a/src/wolnelektury/static/2022/styles/components/_player.scss +++ b/src/wolnelektury/static/2022/styles/components/_player.scss @@ -69,13 +69,20 @@ height: 10px; width: 100%; display: block; - background: #FFFFFF; + background: #F2F2F2; border-radius: 5px; position: relative; overflow: hidden; - span { - width: 40%; + span.jp-seek-bar { + height: 100%; + position: absolute; + border-radius: 5px; + background-color: #FFFFFF; + top: 0; left: 0; + } + + span.jp-play-bar { height: 100%; position: absolute; border-radius: 5px; @@ -85,6 +92,20 @@ } } + +.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; @@ -102,7 +123,7 @@ display: block; position: relative; - span { + > span { position: absolute; padding-top: 10px; font-style: normal;