1
Fork 0
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:
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;
}
.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;
}

View file

@ -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>