change focus color instead of opacity of video play button (#2845)

diff --git a/client/src/app/menu/language-chooser.component.ts b/client/src/app/menu/language-chooser.component.ts
index dd4b35f5e6dbf4b783cd9eeae62f4d52fffe81ed..c9b775921d18346f8a70c5e8756052806e5b21db 100644 (file)
--- 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
index 92923a129f437c03d96d538ee5a2e29acb7efe26..1fc744e674ad783c556cb33416ae461e87829448 100644 (file)
--- 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