Add color to central video play button when focus is visible

Chocobozzz · Jun 9, 2020 · 2eac890 · 2eac890
1 parent 6ad971d
commit 2eac890
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/client/src/app/menu/language-chooser.component.ts b/client/src/app/menu/language-chooser.component.ts
@@ -20,7 +20,7 @@ export class LanguageChooserComponent {
     @Inject(LOCALE_ID) private localeId: string
   ) {
     const l = Object.keys(I18N_LOCALES)
-                    .map(k => ({ id: k, label: I18N_LOCALES[k] , iso: getShortLocale(k)}))
+                    .map(k => ({ id: k, label: I18N_LOCALES[k] , iso: getShortLocale(k) }))
 
     this.languages = sortBy(l, 'label')
   }

diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
@@ -85,9 +85,10 @@ body {
       background-image: url('#{$assets-path}/player/images/big-play-button.svg');
     }
 
-    &:hover {
-      opacity: 0.8;
+    &.focus-visible, &:hover {
+      background-color: var(--mainColor);
     }
+
   }
 
   // Small effect when we click on the play button