diff options
| author | Caroline Chuong <caroline.chuong@octo.com> | 2020-06-09 13:35:30 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-06-09 13:35:30 +0200 |
| commit | d8d8de7f8723e47f5af9eddb19c240223d11b457 (patch) | |
| tree | 95c27ec5a9f9309b9e3374f44a0c5695106ba112 | |
| parent | e66883b37ae0796256b3aba550670a2d76cfc98a (diff) | |
| download | PeerTube-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.ts | 2 | ||||
| -rw-r--r-- | 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 { | |||
| 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 |