From beb91fa0948346e0a53c8ef6e24e4b8938e6f495 Mon Sep 17 00:00:00 2001
From: Nate Butler <iamnbutler@gmail.com>
Date: Tue, 24 Oct 2023 09:51:26 -0400
Subject: [PATCH] Add `meta_text` to style metaline

---
 crates/collab_ui/src/notification_panel.rs  | 2 +-
 crates/theme/src/theme.rs                   | 1 +
 styles/src/style_tree/notification_panel.ts | 7 +++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/crates/collab_ui/src/notification_panel.rs b/crates/collab_ui/src/notification_panel.rs
index e245a919f3..80c99b5c72 100644
--- a/crates/collab_ui/src/notification_panel.rs
+++ b/crates/collab_ui/src/notification_panel.rs
@@ -257,7 +257,7 @@ impl NotificationPanel {
                                                 } else {
                                                     "You declined"
                                                 },
-                                                style.read_text.text.clone(),
+                                                style.meta_text.text.clone(),
                                             )
                                             .flex_float()
                                             .into_any(),
diff --git a/crates/theme/src/theme.rs b/crates/theme/src/theme.rs
index 3f4264886f..c29f23c63a 100644
--- a/crates/theme/src/theme.rs
+++ b/crates/theme/src/theme.rs
@@ -674,6 +674,7 @@ pub struct NotificationPanel {
     pub icon_button: Interactive<IconButton>,
     pub unread_text: ContainedText,
     pub read_text: ContainedText,
+    pub meta_text: ContainedText,
     pub timestamp: ContainedText,
     pub button: Interactive<ContainedText>,
 }
diff --git a/styles/src/style_tree/notification_panel.ts b/styles/src/style_tree/notification_panel.ts
index ecafc3c8e6..6bc2b9c611 100644
--- a/styles/src/style_tree/notification_panel.ts
+++ b/styles/src/style_tree/notification_panel.ts
@@ -44,6 +44,13 @@ export default function (): any {
             ...notification_text,
             color: notification_read_text_color,
         },
+        meta_text: {
+            padding: { top: 4, bottom: 4, right: 4 },
+            ...text(layer, "sans", "base"),
+            color: with_opacity(
+                theme.middle.base.default.foreground,
+                0.6)
+        },
         unread_text: notification_text,
         button: text_button({
             variant: "ghost",