X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/10d01e2faef06d1db0958908394f1f79441cd744..40ea08ada00c0ad2e2b08718a27b7d046ae4035b:/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 ce90ee821..060429826 100644 --- a/src/wolnelektury/static/2022/styles/components/_player.scss +++ b/src/wolnelektury/static/2022/styles/components/_player.scss @@ -31,8 +31,13 @@ color: #007880; font-size: 26px; position: relative; - left: 3px; - transition: all $ease-dynamic 350ms; + transition: background $ease-dynamic 350ms; + &.icon-play { + left: 3px; + } + &.icon-pause { + left: 1px; + } } } @@ -64,20 +69,13 @@ height: 10px; width: 100%; display: block; - background: #f2f2f2; + background: #FFFFFF; border-radius: 5px; position: relative; overflow: hidden; - span.jp-seek-bar { - height: 100%; - position: absolute; - border-radius: 5px; - background-color: #fff; - top: 0; left: 0; - } - - span.jp-play-bar { + span { + width: 40%; height: 100%; position: absolute; border-radius: 5px; @@ -87,19 +85,6 @@ } } -.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; @@ -117,7 +102,7 @@ display: block; position: relative; - > span { + span { position: absolute; padding-top: 10px; font-style: normal;