From 1befef01b5bf1dd3d158a2627ad82d06cee540bb Mon Sep 17 00:00:00 2001 From: Dennis Reimann Date: Tue, 13 Oct 2020 10:02:15 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=20Playback=20speed=20control?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/css/sections/podcast.css | 13 +++++++++++++ src/includes/mixins.pug | 3 ++- 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/src/css/sections/podcast.css b/src/css/sections/podcast.css index 9327d52d8f4..e65d635567e 100644 --- a/src/css/sections/podcast.css +++ b/src/css/sections/podcast.css @@ -163,6 +163,19 @@ font-size: var(--font-size-s); } +.player__speed:before { + cursor: pointer; +} +.player__speed.amplitude-playback-speed-10:before { + content: '1.0x'; +} +.player__speed.amplitude-playback-speed-15:before { + content: '1.5x'; +} +.player__speed.amplitude-playback-speed-20:before { + content: '2.0x'; +} + .player__controls { display: flex; align-items: center; diff --git a/src/includes/mixins.pug b/src/includes/mixins.pug index d41226006fc..6d468dfdbfa 100644 --- a/src/includes/mixins.pug +++ b/src/includes/mixins.pug @@ -25,7 +25,7 @@ mixin episodePlayer(e) span.player__current-minutes.amplitude-current-minutes(data-amplitude-main-current-minutes="true") = ':' span.player__current-seconds.amplitude-current-seconds(data-amplitude-main-current-seconds="true") - + span.player__speed.amplitude-playback-speed span.player__duration span.player__duration-hours.amplitude-duration-hours(data-amplitude-main-duration-hours="true") = ':' @@ -37,6 +37,7 @@ mixin episodePlayer(e) .player__button.amplitude-play-pause(data-amplitude-main-play-pause="true" id="play-pause") +sprite("pause").player__button__icon--pause +sprite("play").player__button__icon--play + .player__info a.plain(href=`/podcast/${e.slug}/`) .player__album(data-amplitude-song-info="album" data-amplitude-main-song-info="true")