Add `meta_text` to style metaline

Nate Butler created 2 years ago

Change summary

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(-)

Detailed changes

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(),

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>,
 }

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",