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,96 @@
+/*
+ * Copyright 2024 New Vector Ltd.
+ * Copyright 2024 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_ThreadsActivityCentre_container {
+    display: flex;
+}
+
+.mx_ThreadsActivityCentreButton {
+    /* !important override compound */
+    border-radius: 8px !important;
+    margin: 18px auto auto auto;
+
+    &.expanded {
+        /**
+         * override compound default background color when hovered
+         * should disappear when the space panel will be migrated to compound
+         */
+        background-color: transparent !important;
+
+        /* align with settings icon */
+        margin-left: 21px;
+        margin-right: 8px;
+        width: 100%;
+
+        /**
+         * modify internal css of the compound component
+         * dirty but we need to add the `Threads` label into the indicator icon button
+         **/
+        & > div {
+            display: flex;
+            align-items: center;
+
+            &::before {
+                inline-size: 8px;
+                block-size: 8px;
+                left: 17px;
+            }
+        }
+
+        & .mx_ThreadsActivityCentreButton_Icon {
+            /* align with settings label */
+            margin-right: 14px;
+            /* required to set the icon width when into a flex container */
+            width: 24px;
+            flex-shrink: 0;
+        }
+
+        & .mx_ThreadsActivityCentreButton_Text {
+            /* !important override compound  */
+            color: $secondary-content !important;
+        }
+    }
+
+    &:not(.expanded) {
+        &:hover,
+        &:hover .mx_ThreadsActivityCentreButton_Icon {
+            /* !important override compound */
+            background-color: $quaternary-content !important;
+            fill: $primary-content;
+        }
+    }
+
+    & .mx_ThreadsActivityCentreButton_Icon {
+        fill: $secondary-content;
+    }
+}
+
+.mx_ThreadsActivityCentre_rows {
+    overflow-y: scroll;
+    /* Let some space at the top and the bottom of the pop-up */
+    max-height: calc(100vh - 200px);
+
+    .mx_ThreadsActivityCentreRow {
+        height: 48px;
+
+        /* Make the label of the MenuItem stay on one line and truncate with ellipsis if needed */
+        & > span {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            /* Arbitrary size, keep the TAC as the wanted width */
+            width: 202px;
+        }
+    }
+}
+
+.mx_ThreadsActivityCentre_emptyCaption {
+    padding-left: 16px;
+    padding-right: 16px;
+    font-size: 13px;
+}