Adds keyboard support to the media quality selector

2026-04-28 12:23:31 +01:00 · 2021-07-07 13:05:03 -04:00
parent 3827f05db9
commit a73d7b42cf
3 changed files with 57 additions and 3 deletions
--- a/stylesheets/components/MediaQualitySelector.scss
+++ b/stylesheets/components/MediaQualitySelector.scss
@@ -23,6 +23,11 @@
    opacity: 0.5;
    width: 32px;

+    &:focus,
+    &:hover {
+      opacity: 1;
+    }
+
    &::after {
      content: '';
      display: block;
@@ -106,6 +111,7 @@
      }
    }

+    &--focused,
    &:focus,
    &:active {
      border-radius: 6px;