Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #1782 from thecodingmachine/updateNameAndWokaOnVideoContainer

Browse source 
Change style of woka and name on video container
This commit is contained in:
grégoire parant 2022-01-28 10:10:44 +01:00 • committed by GitHub
commit b831ad3c9e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 56 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

29
front/src/Components/Video/VideoMediaBox.svelte
View file

@ -58,15 +58,12 @@
<div class="rtc-error" />
{/if}
<!-- {#if !$constraintStore || $constraintStore.video === false} -->
<i
class="container"
class:has-video={$constraintStore && $constraintStore.video === true}
class:minimized={(!$constraintStore || $constraintStore.video !== true) && minimized}
style="background-color: {getColorByString(name)};"
>
<span style="noselect">{peer.userName}</span>
<div class="woka-icon"><Woka userId={peer.userId} placeholderSrc={""} /></div>
<i class="container">
<span style="background-color: {getColorByString(name)};">{peer.userName}</span>
</i>
<div class="woka-icon {($constraintStore && $constraintStore.video !== false) || minimized ? '' : 'no-video'}">
<Woka userId={peer.userId} placeholderSrc={""} />
</div>
<!-- {/if} -->
{#if $constraintStore && $constraintStore.audio === false}
<img
@ -99,22 +96,6 @@
.container {
display: flex;
flex-direction: column;
padding-top: 15px;
&.has-video {
left: auto;
transform: scale(0.5);
opacity: 0.5;
}
&.minimized {
transform: scale(0.5);
opacity: 0.5;
}
.woka-icon {
margin-right: 3px;
}
}
video.no-video {
visibility: collapse;