From 1db2e2aba988c0e1c478f4de5bd9479dc5067a5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?gr=C3=A9goire=20parant?= <g.parant@thecodingmachine.com>
Date: Tue, 10 Aug 2021 10:12:31 +0200
Subject: [PATCH] Update style of microphone (#1352)

- Active microphone close when user haven't microphone in the discussion
---
 front/src/Components/Video/VideoMediaBox.svelte | 2 +-
 front/style/style.scss                          | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/front/src/Components/Video/VideoMediaBox.svelte b/front/src/Components/Video/VideoMediaBox.svelte
index d46f3ca7..cc7fb424 100644
--- a/front/src/Components/Video/VideoMediaBox.svelte
+++ b/front/src/Components/Video/VideoMediaBox.svelte
@@ -31,7 +31,7 @@
         <i style="background-color: {getColorByString(name)};">{name}</i>
     {/if}
     {#if $constraintStore && $constraintStore.audio === false}
-        <img src={microphoneCloseImg} alt="Muted">
+        <img src={microphoneCloseImg} class="active" alt="Muted">
     {/if}
     <button class="report" on:click={() => openReport(peer)}>
         <img alt="Report this user" src={reportImg}>
diff --git a/front/style/style.scss b/front/style/style.scss
index 1ed115d2..6c8574b7 100644
--- a/front/style/style.scss
+++ b/front/style/style.scss
@@ -73,6 +73,10 @@ body .message-info.warning{
         bottom: 5px;
         padding: 10px;
         z-index: 2;
+
+        &.active {
+            display: block !important;
+        }
     }
 
     img.block-logo {