1
Fork 0
mirror of https://github.com/jech/galene.git synced 2024-11-12 19:55:59 +01:00

make video control buttons more visible

This commit is contained in:
Alain Takoudjou 2020-10-29 09:55:32 +01:00
parent 5a526c24f6
commit 358cdd918d
2 changed files with 8 additions and 5 deletions

View file

@ -406,6 +406,10 @@ textarea.form-reply {
top: 5px; 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 { .peer:hover > .video-controls, .peer:hover > .top-video-controls {
opacity: 1; opacity: 1;
transition: all .7s ease-out; transition: all .7s ease-out;
@ -413,10 +417,9 @@ textarea.form-reply {
.video-controls span, .top-video-controls span { .video-controls span, .top-video-controls span {
margin-right: 20px; margin-right: 20px;
transition: all .5s ease-out; transition: all .7s ease-out;
opacity: .5; opacity: 1;
cursor: pointer; cursor: pointer;
text-shadow: 2px 2px 4px rgba(123, 123, 123, 0.65);
} }
.video-controls span:last-child { .video-controls span:last-child {
@ -424,7 +427,7 @@ textarea.form-reply {
} }
.video-controls span:hover, .top-video-controls span:hover { .video-controls span:hover, .top-video-controls span:hover {
opacity: 1; opacity: .5;
transition: opacity .5s ease-out; transition: opacity .5s ease-out;
} }

View file

@ -197,7 +197,7 @@
</div> </div>
<div id="videocontrols-template" class="invisible"> <div id="videocontrols-template" class="invisible">
<div class="video-controls"> <div class="video-controls vc-overlay">
<span class="volume" title="Volume"> <span class="volume" title="Volume">
<i class="fa fa-volume-up" data-type="bt-volume" aria-hidden="true"></i> <i class="fa fa-volume-up" data-type="bt-volume" aria-hidden="true"></i>
</span> </span>