Hook threads notification state to UI (#7298)

2021-12-13 14:05:42 +00:00
parent 55eda7314b
commit ce570ab827
6 changed files with 139 additions and 28 deletions
@@ -24,6 +24,24 @@ $left-gutter: 64px;
    font-size: $font-14px;
    position: relative;

+    &[data-shape=thread_list][data-notification]::before {
+        content: "";
+        position: absolute;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        right: -16px;
+        top: 7px;
+    }
+
+    &[data-shape=thread_list][data-notification=total]::before {
+        background-color: $roomtile-default-badge-bg-color;
+    }
+
+    &[data-shape=thread_list][data-notification=highlight]::before {
+        background-color: $alert;
+    }
+
    .mx_ThreadInfo {
        margin-right: 110px;
        margin-left: 64px;