Add little effect on hover for the play button
This commit is contained in:
parent
13fb4de93b
commit
80d1057bfc
|
@ -7,7 +7,7 @@
|
||||||
|
|
||||||
<form role="form" (ngSubmit)="login()" [formGroup]="form">
|
<form role="form" (ngSubmit)="login()" [formGroup]="form">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="username">Username or email address</label>
|
<label for="username">User</label>
|
||||||
<input
|
<input
|
||||||
type="text" id="username" placeholder="Username or email address" required
|
type="text" id="username" placeholder="Username or email address" required
|
||||||
formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
|
formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
|
||||||
|
|
|
@ -42,6 +42,14 @@ $control-bar-height: 34px;
|
||||||
border: 0;
|
border: 0;
|
||||||
padding: 0
|
padding: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.vjs-icon-placeholder::before {
|
||||||
|
transition: text-shadow 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover .vjs-icon-placeholder::before {
|
||||||
|
text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.vjs-has-started .vjs-big-play-button {
|
&.vjs-has-started .vjs-big-play-button {
|
||||||
|
|
Loading…
Reference in New Issue