aboutsummaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/js/controls.js3
-rw-r--r--src/sass/components/control.scss7
-rw-r--r--src/sass/settings/controls.scss1
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;