From f80b568e6747475798b394464f9299530baf285e Mon Sep 17 00:00:00 2001 From: Sam Potts Date: Tue, 25 Sep 2018 23:07:48 +1000 Subject: [PATCH] Reverted large pause button --- src/js/controls.js | 3 --- src/sass/components/control.scss | 7 +++---- src/sass/settings/controls.scss | 1 - 3 files changed, 3 insertions(+), 8 deletions(-) diff --git a/src/js/controls.js b/src/js/controls.js index f19eb5ed..661ceb32 100644 --- a/src/js/controls.js +++ b/src/js/controls.js @@ -219,12 +219,9 @@ const controls = { case 'play-large': attributes.class += ` ${this.config.classNames.control}--overlaid`; - toggle = true; type = 'play'; label = 'play'; - labelPressed = 'pause'; icon = 'play'; - iconPressed = 'pause'; break; default: diff --git a/src/sass/components/control.scss b/src/sass/components/control.scss index 655a5af1..8578668b 100644 --- a/src/sass/components/control.scss +++ b/src/sass/components/control.scss @@ -81,11 +81,10 @@ transform: translate(-50%, -50%); z-index: 2; + // Offset icon to make the play button look right svg { - height: $plyr-control-icon-size-large; - left: 2px; // Offset to make the play button look right + left: 2px; position: relative; - width: $plyr-control-icon-size-large; } &:hover, @@ -94,7 +93,7 @@ } } -.plyr--hide-controls .plyr__control--overlaid { +.plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } diff --git a/src/sass/settings/controls.scss b/src/sass/settings/controls.scss index 64f05cec..d6d2c153 100644 --- a/src/sass/settings/controls.scss +++ b/src/sass/settings/controls.scss @@ -3,7 +3,6 @@ // ========================================================================== $plyr-control-icon-size: 18px !default; -$plyr-control-icon-size-large: 20px !default; $plyr-control-spacing: 10px !default; $plyr-control-padding: ($plyr-control-spacing * 0.7) !default; $plyr-control-radius: 3px !default;