aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/less/components')
-rw-r--r--src/less/components/buttons.less12
-rw-r--r--src/less/components/controls.less10
2 files changed, 9 insertions, 13 deletions
diff --git a/src/less/components/buttons.less b/src/less/components/buttons.less
index 61cb3b01..542580a2 100644
--- a/src/less/components/buttons.less
+++ b/src/less/components/buttons.less
@@ -21,9 +21,7 @@
}
// Hide toggle icons by default
- .icon--exit-fullscreen,
- .icon--muted,
- .icon--captions-on {
+ .icon--pressed {
display: none;
}
@@ -33,6 +31,14 @@
}
}
+// Change icons on state change
+.plyr__control[aria-pressed='true'] .icon--pressed {
+ display: block;
+}
+.plyr__control[aria-pressed='true'] .icon--not-pressed {
+ display: none;
+}
+
// Audio styles
.plyr--audio .plyr__control {
&.plyr__tab-focus,
diff --git a/src/less/components/controls.less b/src/less/components/controls.less
index 62bb4ee8..fd89c74e 100644
--- a/src/less/components/controls.less
+++ b/src/less/components/controls.less
@@ -102,16 +102,6 @@
display: inline-block;
}
-// Change icons on state change
-.plyr--muted .plyr__control .icon--muted,
-.plyr--captions-active .plyr__control .icon--captions-on {
- display: block;
-
- & + svg {
- display: none;
- }
-}
-
// Some options are hidden by default
.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],