feat: show call participants in room list (Discord-style)

2026-05-10 14:25:35 +02:00
parent b797925316
commit 3da363517f
4610 changed files with 827237 additions and 1 deletions
@@ -0,0 +1,58 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.mx_ThreadActionBar {
+    position: absolute;
+    visibility: hidden;
+    top: calc(-1 * (28px + 2 * (3px + var(--cpd-border-width-1))));
+    right: 8px;
+    user-select: none;
+    /* Ensure the action bar appears above other things like the read marker */
+    /* and sender avatar (for small screens) */
+    z-index: 10;
+
+    /* Adds a previous event safe area so that you can't accidentally hover the */
+    /* previous event while trying to mouse into the action bar or from the */
+    /* react button to its tooltip. */
+    &::before {
+        content: "";
+        position: absolute;
+        /* tooltip safe mousing area + tooltip overhang + */
+        /* action bar + action bar offset from event */
+        width: calc(10px + 48px + 100% + 8px);
+        /* safe area + action bar */
+        height: calc(20px + 100%);
+        top: -12px;
+        left: -58px;
+        z-index: -1;
+        cursor: initial;
+
+        /* stylelint-disable-next-line max-line-length */
+        .mx_GenericEventListSummary[data-layout="bubble"]
+            .mx_GenericEventListSummary_toggle
+            ~ .mx_GenericEventListSummary_unstyledList
+            .mx_EventTile_info:first-of-type
+            & {
+            /* improve clickability of "collapse" link button on bubble layout by reducing width and height values */
+            /* mx_GenericEventListSummary_toggle ~: to apply rules to action bar when "collapse" button is available */
+            /* mx_EventTile_info:first-of-type: to apply rules to the info event tile just under "collapse" button */
+            /* TODO: use a new class name instead */
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+        }
+
+        .mx_EventTile_info .mx_ViewSourceEvent ~ & {
+            /* improve clickability of view source event toggle button by removing vertical safe area */
+            width: 100%;
+            height: 100%;
+            top: 0;
+            left: 0;
+        }
+    }
+}