From: Caroline Chuong <caroline.chuong@octo.com>
Date: Tue, 9 Jun 2020 11:35:30 +0000 (+0200)
Subject: change focus color instead of opacity of video play button (#2845)
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=d8d8de7f8723e47f5af9eddb19c240223d11b457;p=oweals%2Fpeertube.git

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 dd4b35f5e..c9b775921 100644
--- 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 92923a129..1fc744e67 100644
--- 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