Update Thread Panel to match latest designs (#12797)

* Add reusable empty state for the right panel Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Improve coverage Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update Thread Panel to match latest Figma Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * i18n Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Use --cpd-space var Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-07-23 09:12:07 +00:00
parent 5308c91842
commit 25fcd6a65f
6 changed files with 8 additions and 22 deletions
@@ -18,12 +18,13 @@ limitations under the License.
    height: 100px;
    overflow: visible;

+    /* Unset flex on the thread list, but not the thread view */
+    &:not(.mx_ThreadView) .mx_BaseCard_header .mx_BaseCard_header_title {
+        flex: unset;
+    }
+
    .mx_BaseCard_header {
        .mx_BaseCard_header_title {
-            .mx_BaseCard_header_title_heading {
-                margin-right: auto;
-            }
-
            .mx_AccessibleButton {
                font-size: 12px;
                color: $secondary-content;