lbehm/workadventure
1
0
Fork 0
Code Issues Pull requests Releases Activity

show woka-icon with camera on

Browse source
This commit is contained in:
Hanusiak Piotr 2021-12-07 16:07:58 +01:00
parent cbe595e7b6
commit 5efa17651c
2 changed files with 18 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -28,11 +28,15 @@
{#if $statusStore === "error"} {#if $statusStore === "error"}
<div class="rtc-error" /> <div class="rtc-error" />
{/if} {/if}
{#if !$constraintStore || $constraintStore.video === false} <!-- {#if !$constraintStore || $constraintStore.video === false} -->
<i class="container" style="background-color: {getColorByString(name)};"> <i
<div class="woka-icon"><Woka userId={peer.userId} placeholderSrc={""} /></div> class="container {!$constraintStore || $constraintStore.video === false ? '' : 'minimized'}"
</i> style="background-color: {getColorByString(name)};"
{/if} >
<span>{peer.userName}</span>
<div class="woka-icon"><Woka userId={peer.userId} placeholderSrc={""} /></div>
</i>
<!-- {/if} -->
{#if $constraintStore && $constraintStore.audio === false} {#if $constraintStore && $constraintStore.audio === false}
<img src={microphoneCloseImg} class="active" alt="Muted" /> <img src={microphoneCloseImg} class="active" alt="Muted" />
{/if} {/if}
@ -51,8 +55,14 @@
<style> <style>
.container { .container {
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: center; padding-top: 15px;
}
.minimized {
left: auto;
transform: scale(0.5);
opacity: 0.5;
} }
.woka-icon { .woka-icon {

2
front/style/style.scss
View file

@ -62,7 +62,7 @@ body .message-info.warning{
background-color: black; background-color: black;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
font-size: 28px; font-size: 14px;
color: white; color: white;
overflow: hidden; overflow: hidden;
} }