Improve Thread View UI (#7063)

2021-11-02 13:18:51 +00:00
parent 351c426d2a
commit 0bae79d3c3
10 changed files with 222 additions and 42 deletions
@@ -716,19 +716,10 @@ $left-gutter: 64px;
    display: flex;
    flex-direction: column;

-    .mx_ScrollPanel {
-        margin-top: 20px;
-
-        .mx_RoomView_MessageList {
-            padding: 0;
-        }
-    }
-
    .mx_EventTile_senderDetails {
        display: flex;
        align-items: center;
        gap: 6px;
-        margin-bottom: 6px;

        a {
            flex: 1;
@@ -761,22 +752,28 @@ $left-gutter: 64px;
        width: 100%;
        display: flex;
        flex-direction: column;
-        margin-top: 0;
-        padding-bottom: 5px;
-        margin-bottom: 5px;
+        padding-top: 0;

        .mx_MessageTimestamp {
            left: auto;
-            right: 0;
+            right: 2px !important;
+            top: 1px !important;
        }

        .mx_ReactionsRow {
            order: 999;
            padding-left: 0;
            padding-right: 0;
+            margin-left: 36px;
+            margin-right: 50px;
        }
    }

+    .mx_EventTile_content {
+        margin-left: 36px;
+        margin-right: 50px;
+    }
+
    .mx_MessageComposer_sendMessage {
        margin-right: 0;
    }