Add a speaking indicator

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-19 11:42:43 +02:00
parent 5a1633d53c
commit abab31c33b
3 changed files with 23 additions and 1 deletions
@@ -74,9 +74,9 @@ limitations under the License.
    > .mx_VideoFeed {
        width: 100%;
        height: 100%;
+        border-width: 0 !important; // Override mx_VideoFeed_speaking

        &.mx_VideoFeed_voice {
-            background-color: $inverted-bg-color;
            display: flex;
            justify-content: center;
            align-items: center;
@@ -17,12 +17,17 @@ limitations under the License.
 .mx_VideoFeed {
    overflow: hidden;
    position: relative;
+    box-sizing: border-box;

    &.mx_VideoFeed_voice {
        background-color: $inverted-bg-color;
        aspect-ratio: 16 / 9;
    }

+    &.mx_VideoFeed_speaking {
+        border: $accent-color 2px solid;
+    }
+
    .mx_VideoFeed_video {
        width: 100%;
        background-color: transparent;