aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-01-29 16:45:29 +0100
committerChocobozzz <me@florianbigard.com>2018-01-29 16:52:43 +0100
commit80d1057bfcd3582af0dacf5ccd5a7a93ef95410b (patch)
tree84a75ad2cab2300097d62bed15ab675e54ee7676 /client/src
parent13fb4de93befee792772284ffa70a952dc407148 (diff)
downloadPeerTube-80d1057bfcd3582af0dacf5ccd5a7a93ef95410b.tar.gz
PeerTube-80d1057bfcd3582af0dacf5ccd5a7a93ef95410b.tar.zst
PeerTube-80d1057bfcd3582af0dacf5ccd5a7a93ef95410b.zip
Add little effect on hover for the play button
Diffstat (limited to 'client/src')
-rw-r--r--client/src/app/login/login.component.html2
-rw-r--r--client/src/sass/video-js-custom.scss8
2 files changed, 9 insertions, 1 deletions
diff --git a/client/src/app/login/login.component.html b/client/src/app/login/login.component.html
index a69acfcb1..b61b66ec7 100644
--- a/client/src/app/login/login.component.html
+++ b/client/src/app/login/login.component.html
@@ -7,7 +7,7 @@
7 7
8 <form role="form" (ngSubmit)="login()" [formGroup]="form"> 8 <form role="form" (ngSubmit)="login()" [formGroup]="form">
9 <div class="form-group"> 9 <div class="form-group">
10 <label for="username">Username or email address</label> 10 <label for="username">User</label>
11 <input 11 <input
12 type="text" id="username" placeholder="Username or email address" required 12 type="text" id="username" placeholder="Username or email address" required
13 formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }" 13 formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index 351ef21cd..8ff963573 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -42,6 +42,14 @@ $control-bar-height: 34px;
42 border: 0; 42 border: 0;
43 padding: 0 43 padding: 0
44 } 44 }
45
46 .vjs-icon-placeholder::before {
47 transition: text-shadow 0.3s;
48 }
49
50 &:hover .vjs-icon-placeholder::before {
51 text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
52 }
45 } 53 }
46 54
47 &.vjs-has-started .vjs-big-play-button { 55 &.vjs-has-started .vjs-big-play-button {