mv element.io @types __mocks__/ debian docker module_system/ playwright res src test webapp Dockerfile .dockerignore .eslintignore .stylelintrc.cjs babel.config.cjs recorder-worklet-loader.cjs .modernizr.json components.json config.json config.sample.json package.json project.json tsconfig.json tsconfig.module_system.json jest.config.ts playwright.config.ts webpack.config.ts build_config.sample.yaml apps/web/

mkdir apps/web/scripts mv scripts/{cleanup.sh,ci_package.sh,copy-res.ts,deploy.py,package.sh} apps/web/scripts And a couple of gitignore tweaks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-11-04 10:32:44 +00:00 · 2026-02-24 13:12:17 +00:00
parent e7509c92a1
commit 91a3cb03c1
3408 changed files with 28 additions and 32 deletions
@@ -0,0 +1,188 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2021, 2022 The Matrix.org Foundation C.I.C.
+
+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_TimelineCard {
+    .mx_TimelineCard_timeline {
+        overflow: hidden;
+        position: relative; /* offset parent for jump to bottom button */
+        flex: 1;
+        border-radius: 8px;
+    }
+
+    .mx_NewRoomIntro {
+        margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
+        margin-inline-end: var(--BaseCard_EventTile-spacing-inline);
+    }
+
+    .mx_EventTile_content {
+        margin-right: 0;
+    }
+
+    .mx_EventTile {
+        .mx_ThreadSummary {
+            position: relative;
+            padding-right: 11px;
+
+            &::after {
+                content: "";
+                display: block;
+                position: absolute;
+                left: 0;
+                bottom: -16px;
+                height: 1px;
+                width: 100%;
+                border-bottom: 1px solid $message-action-bar-border-color;
+            }
+        }
+
+        &[data-layout="irc"],
+        &[data-layout="group"] {
+            --TimelineCard_ReadReceiptGroup-inset-block-start: -6px;
+            --EventTile_group_line-spacing-inline-start: var(--BaseCard_EventTile-spacing-inline);
+
+            &.mx_EventTile_info .mx_EventTile_line,
+            .mx_EventTile_line {
+                padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-inline);
+                padding-inline-end: var(--MessageTimestamp-width); /* ensure timestamp is not hidden */
+
+                .mx_EventTile_e2eIcon {
+                    inset-inline-start: $spacing-8;
+                }
+            }
+
+            &.mx_EventTile_info {
+                .mx_EventTile_avatar {
+                    inset-inline-start: 18px;
+                }
+
+                /* Info events should have the same size as state events, those
+                 * are usually wrapped in a generic event list summary */
+                font: var(--cpd-font-body-sm-regular);
+            }
+
+            .mx_EventTile_avatar {
+                inset-inline-start: -3px;
+            }
+
+            .mx_EventTile_msgOption {
+                margin-inline-end: 0;
+
+                .mx_ReadReceiptGroup {
+                    top: var(--TimelineCard_ReadReceiptGroup-inset-block-start);
+                }
+            }
+
+            .mx_DisambiguatedProfile,
+            .mx_ThreadSummary {
+                margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
+            }
+
+            .mx_DisambiguatedProfile {
+                max-width: calc(100% - var(--BaseCard_EventTile-spacing-inline)); /* instead of $left-gutter */
+            }
+
+            .mx_ReplyTile .mx_DisambiguatedProfile {
+                margin-inline-start: 0;
+                max-width: unset;
+            }
+
+            .mx_MessageTimestamp {
+                inset-inline: auto 0;
+                font-size: $font-12px;
+            }
+
+            .mx_ReactionsRow {
+                /* See: var(--ThreadView_group_spacing-end) for ReactionsRow on _EventTile.pcss */
+                margin-inline-end: $spacing-8;
+            }
+
+            .mx_ThreadSummary {
+                margin-inline-end: 0;
+                max-width: min(calc(100% - 36px), 600px);
+            }
+        }
+
+        &[data-layout="irc"] {
+            .mx_EventTile_avatar,
+            .mx_MessageTimestamp {
+                position: absolute;
+            }
+        }
+
+        &[data-layout="group"] {
+            /* Read receipt group on compact modern layout */
+            /* This is required because mx_TimelineCard is a child element wrapped by mx_MatrixChat_useCompactLayout, */
+            /* which specifies the default position of mx_ReadReceiptGroup on compact modern layout. */
+            .mx_MatrixChat_useCompactLayout & .mx_ReadReceiptGroup {
+                top: var(--TimelineCard_ReadReceiptGroup-inset-block-start);
+            }
+        }
+
+        &[data-layout="bubble"] {
+            &::before {
+                z-index: auto; /* enable background color on hover */
+            }
+
+            &.mx_EventTile_info .mx_MessageActionBar {
+                /* 1px: border width */
+                inset-inline-end: calc(var(--container-gap-width) + 1px);
+            }
+
+            .mx_ReactionsRow {
+                position: relative; /* display on hover */
+            }
+        }
+    }
+
+    .mx_LegacyCallEvent_wrapper {
+        justify-content: center;
+        margin: auto 5px;
+        .mx_LegacyCallEvent {
+            margin: 4px;
+        }
+    }
+
+    .mx_GenericEventListSummary {
+        &[data-layout="irc"],
+        &[data-layout="group"] {
+            .mx_EventTile_line,
+            .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {
+                padding-inline-start: var(--BaseCard_EventTile-spacing-inline);
+                padding-inline-end: var(--MessageTimestamp-width); /* ensure timestamp is not hidden */
+            }
+        }
+    }
+
+    .mx_WhoIsTypingTile {
+        margin-left: -12px; /* undo padding on the message list */
+    }
+
+    .mx_WhoIsTypingTile_avatars {
+        flex-basis: 48px; /* 12 (padding on message list) + 36 (padding on event lines) */
+    }
+
+    .mx_GenericEventListSummary_unstyledList, /* RR next to a message on the event list summary */
+    .mx_RoomView_MessageList {
+        /* RR next to a message on the messsge list */
+        .mx_EventTile[data-layout="bubble"] {
+            .mx_ReadReceiptGroup {
+                /* 6px: scroll bar width (magic number) */
+                /* stylelint-disable-next-line declaration-colon-space-after */
+                inset-inline-end: calc(
+                    -1 * var(--ReadReceiptGroup_EventBubbleTile-spacing-end) + var(--container-gap-width) + 6px
+                );
+            }
+
+            &.mx_EventTile_info {
+                .mx_ReadReceiptGroup {
+                    inset-inline-end: -4px; /* align with RR outside of info tile */
+                }
+            }
+        }
+    }
+}