aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorCaroline Chuong <caroline.chuong@octo.com>2020-06-09 13:35:30 +0200
committerGitHub <noreply@github.com>2020-06-09 13:35:30 +0200
commitd8d8de7f8723e47f5af9eddb19c240223d11b457 (patch)
tree95c27ec5a9f9309b9e3374f44a0c5695106ba112
parente66883b37ae0796256b3aba550670a2d76cfc98a (diff)
downloadPeerTube-d8d8de7f8723e47f5af9eddb19c240223d11b457.tar.gz
PeerTube-d8d8de7f8723e47f5af9eddb19c240223d11b457.tar.zst
PeerTube-d8d8de7f8723e47f5af9eddb19c240223d11b457.zip
change focus color instead of opacity of video play button (#2845)
-rw-r--r--client/src/app/menu/language-chooser.component.ts2
-rw-r--r--client/src/sass/player/peertube-skin.scss5
2 files changed, 4 insertions, 3 deletions
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 {
20 @Inject(LOCALE_ID) private localeId: string 20 @Inject(LOCALE_ID) private localeId: string
21 ) { 21 ) {
22 const l = Object.keys(I18N_LOCALES) 22 const l = Object.keys(I18N_LOCALES)
23 .map(k => ({ id: k, label: I18N_LOCALES[k] , iso: getShortLocale(k)})) 23 .map(k => ({ id: k, label: I18N_LOCALES[k] , iso: getShortLocale(k) }))
24 24
25 this.languages = sortBy(l, 'label') 25 this.languages = sortBy(l, 'label')
26 } 26 }
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 {
85 background-image: url('#{$assets-path}/player/images/big-play-button.svg'); 85 background-image: url('#{$assets-path}/player/images/big-play-button.svg');
86 } 86 }
87 87
88 &:hover { 88 &.focus-visible, &:hover {
89 opacity: 0.8; 89 background-color: var(--mainColor);
90 } 90 }
91
91 } 92 }
92 93
93 // Small effect when we click on the play button 94 // Small effect when we click on the play button