diff options
Diffstat (limited to 'src/less/components')
-rw-r--r-- | src/less/components/buttons.less | 12 | ||||
-rw-r--r-- | src/less/components/controls.less | 10 |
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'], |