From d8d8de7f8723e47f5af9eddb19c240223d11b457 Mon Sep 17 00:00:00 2001 From: Caroline Chuong Date: Tue, 9 Jun 2020 13:35:30 +0200 Subject: [PATCH 1/1] change focus color instead of opacity of video play button (#2845) --- client/src/app/menu/language-chooser.component.ts | 2 +- client/src/sass/player/peertube-skin.scss | 5 +++-- 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 { @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 -- 2.41.0