Emote silent zone (#1342)

* Add an emote when the user is in silent zone * Update silent icon strategy * Update strategy for silent zone - Add svelte store - Show silent zone indication and replace camera This update permit to hide silent zone when user is in Jitsi discussion * Fix css silent zone Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>
2021-09-05 18:36:22 +02:00
parent d2b8d7dc04
commit 4f0bb95a38
8 changed files with 241 additions and 165 deletions
@@ -1083,3 +1083,19 @@ div.action.danger p.action-body{
        }
    }
 }
+
+div.is-silent {
+    position: absolute;
+    bottom: 40px;
+    border-radius: 15px 15px 15px 15px;
+    max-height: 20%;
+    transition: right 350ms;
+    right: -20vw;
+    background-color: black;
+    font-size: 20px;
+    color: white;
+    padding: 30px 20px;
+}
+div.is-silent.hide {
+    right: 15px;
+}