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-02-24 15:43:58 +00:00
parent e7509c92a1
commit 91a3cb03c1
3408 changed files with 28 additions and 32 deletions
@@ -0,0 +1,115 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 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_RoomHeader {
+    height: 64px;
+    box-sizing: border-box;
+    padding: 0 var(--cpd-space-3x) 0 calc(var(--cpd-space-3x) + var(--cpd-space-1-5x));
+    border-bottom: 1px solid $separator;
+    background-color: $background;
+    transition: all 0.2s ease;
+
+    button:has(svg.mx_RoomHeader_toggled) {
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
+    }
+}
+
+.mx_RoomHeader:hover {
+    background-color: $header-panel-bg-hover;
+}
+
+.mx_RoomHeader_infoWrapper {
+    /* unset button styles */
+    color: inherit;
+    background: unset;
+    border: unset;
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    cursor: pointer;
+    gap: var(--cpd-space-3x);
+    text-align: left;
+    height: 100%;
+    padding: 0;
+}
+
+.mx_RoomHeader_info {
+    /* We want the spacing to be 64px, 13x = 52px but we have a flex gap of
+       12px set on the flex container, which sums up to 64 */
+    padding-right: var(--cpd-space-13x);
+}
+
+.mx_RoomHeader_truncated {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+
+    overflow: hidden;
+    word-break: break-all;
+    text-overflow: ellipsis;
+}
+
+.mx_RoomHeader_heading {
+    display: flex;
+    gap: var(--cpd-space-1x);
+    align-items: center;
+}
+
+.mx_RoomHeader_icon {
+    flex-shrink: 0;
+    padding: var(--cpd-space-1x);
+}
+
+.mx_RoomHeader .mx_FacePile {
+    color: $secondary-content;
+    background: $background;
+    display: flex;
+    align-items: center;
+    gap: var(--cpd-space-2x);
+    border-radius: 9999px;
+    padding: var(--cpd-space-1-5x);
+    cursor: pointer;
+    user-select: none;
+    font: var(--cpd-font-body-sm-medium);
+
+    /* RoomAvatar doesn't pass classes down to avatar
+    So set style here
+    using div because compound classes are not stable */
+    > div {
+        flex-shrink: 0;
+    }
+
+    &:hover {
+        color: $primary-content;
+        background: var(--cpd-color-bg-subtle-primary);
+    }
+
+    &.mx_FacePile_toggled {
+        background: var(--cpd-color-bg-success-subtle);
+        color: var(--cpd-color-text-action-accent);
+        font: var(--cpd-font-body-sm-semibold);
+        /* For enhanced visibility under contrast control */
+        outline: 1px solid transparent;
+    }
+}
+
+.mx_RoomHeader .mx_BaseAvatar {
+    flex-shrink: 0;
+}
+
+.mx_RoomHeader_videoCallOption {
+    /* Workaround for https://github.com/element-hq/compound/issues/331 */
+    min-width: 240px;
+}
+
+.mx_RoomHeader .mx_RoomHeader_toggled {
+    fill: var(--cpd-color-icon-accent-primary);
+}