mirror of
https://github.com/jech/galene.git
synced 2024-11-09 18:25:58 +01:00
make video control buttons more visible
This commit is contained in:
parent
5a526c24f6
commit
358cdd918d
2 changed files with 8 additions and 5 deletions
|
@ -406,6 +406,10 @@ textarea.form-reply {
|
|||
top: 5px;
|
||||
}
|
||||
|
||||
.vc-overlay {
|
||||
background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 7%) 0%, rgb(0 0 0 / 24%) 100%);
|
||||
}
|
||||
|
||||
.peer:hover > .video-controls, .peer:hover > .top-video-controls {
|
||||
opacity: 1;
|
||||
transition: all .7s ease-out;
|
||||
|
@ -413,10 +417,9 @@ textarea.form-reply {
|
|||
|
||||
.video-controls span, .top-video-controls span {
|
||||
margin-right: 20px;
|
||||
transition: all .5s ease-out;
|
||||
opacity: .5;
|
||||
transition: all .7s ease-out;
|
||||
opacity: 1;
|
||||
cursor: pointer;
|
||||
text-shadow: 2px 2px 4px rgba(123, 123, 123, 0.65);
|
||||
}
|
||||
|
||||
.video-controls span:last-child {
|
||||
|
@ -424,7 +427,7 @@ textarea.form-reply {
|
|||
}
|
||||
|
||||
.video-controls span:hover, .top-video-controls span:hover {
|
||||
opacity: 1;
|
||||
opacity: .5;
|
||||
transition: opacity .5s ease-out;
|
||||
}
|
||||
|
||||
|
|
|
@ -197,7 +197,7 @@
|
|||
</div>
|
||||
|
||||
<div id="videocontrols-template" class="invisible">
|
||||
<div class="video-controls">
|
||||
<div class="video-controls vc-overlay">
|
||||
<span class="volume" title="Volume">
|
||||
<i class="fa fa-volume-up" data-type="bt-volume" aria-hidden="true"></i>
|
||||
</span>
|
||||
|
|
Loading…
Reference in a new issue