Minor tweaks

4 files changed, 23 insertions, 23 deletions

diff --git a/src/js/listeners.js b/src/js/listeners.js
index 72f7d42f..32557e72 100644
--- a/src/js/listeners.js
+++ b/src/js/listeners.js
@@ -270,7 +270,7 @@ const listeners = {
         }
 
         // Disable right click
-        if (this.config.disableContextMenu) {
+        if (this.supported.ui && this.config.disableContextMenu) {
             utils.on(
                 this.media,
                 'contextmenu',
diff --git a/src/less/components/captions.less b/src/less/components/captions.less
index 605d7e49..b111cbce 100644
--- a/src/less/components/captions.less
+++ b/src/less/components/captions.less
@@ -3,7 +3,7 @@
 // --------------------------------------------------------------
 
 // Hide default captions
-.plyr--full-ui video::-webkit-media-text-track-container {
+.plyr--full-ui ::-webkit-media-text-track-container {
     display: none;
 }
 
diff --git a/src/less/components/control.less b/src/less/components/control.less
index 48b73e0f..0cf07b91 100644
--- a/src/less/components/control.less
+++ b/src/less/components/control.less
@@ -35,9 +35,9 @@
 
 // Change icons on state change
 .plyr__control[aria-pressed='false'] .icon--pressed,
-.plyr__control[aria-pressed='true'] .icon--not-pressed,
-.plyr__control[aria-pressed='false'] .label--pressed,
-.plyr__control[aria-pressed='true'] .label--not-pressed {
+    .plyr__control[aria-pressed='true'] .icon--not-pressed,
+    .plyr__control[aria-pressed='false'] .label--pressed,
+    .plyr__control[aria-pressed='true'] .label--not-pressed {
     display: none;
 }
 
@@ -79,11 +79,11 @@
     }
 }
 
-.plyr--full-ui.plyr--video .plyr__control--overlaid {
-    display: block;
-}
-
 .plyr--playing .plyr__control--overlaid {
     opacity: 0;
     visibility: hidden;
 }
+
+.plyr--full-ui.plyr--video .plyr__control--overlaid {
+    display: block;
+}
diff --git a/src/less/components/controls.less b/src/less/components/controls.less
index fb66e869..65a42509 100644
--- a/src/less/components/controls.less
+++ b/src/less/components/controls.less
@@ -3,7 +3,7 @@
 // --------------------------------------------------------------
 
 // Hide native controls
-.plyr ::-webkit-media-controls {
+.plyr--full-ui ::-webkit-media-controls {
     display: none;
 }
 
@@ -75,13 +75,6 @@
     }
 }
 
-// Hide controls
-.plyr--video.plyr--hide-controls .plyr__controls {
-    opacity: 0;
-    transform: translateY(100%);
-    pointer-events: none;
-}
-
 // Audio controls
 .plyr--audio .plyr__controls {
     padding: @plyr-control-spacing;
@@ -90,16 +83,23 @@
     color: @plyr-audio-control-color;
 }
 
+// Hide controls
+.plyr--video.plyr--hide-controls .plyr__controls {
+    opacity: 0;
+    transform: translateY(100%);
+    pointer-events: none;
+}
+
 // Some options are hidden by default
 .plyr [data-plyr='captions'],
-.plyr [data-plyr='pip'],
-.plyr [data-plyr='airplay'],
-.plyr [data-plyr='fullscreen'] {
+    .plyr [data-plyr='pip'],
+    .plyr [data-plyr='airplay'],
+    .plyr [data-plyr='fullscreen'] {
     display: none;
 }
 .plyr--captions-enabled [data-plyr='captions'],
-.plyr--pip-supported [data-plyr='pip'],
-.plyr--airplay-supported [data-plyr='airplay'],
-.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
+    .plyr--pip-supported [data-plyr='pip'],
+    .plyr--airplay-supported [data-plyr='airplay'],
+    .plyr--fullscreen-enabled [data-plyr='fullscreen'] {
     display: inline-block;
 }