Style info text

Joseph Lyons created 3 years ago

Change summary

crates/feedback/src/feedback_editor.rs | 16 ++++++----------
crates/theme/src/theme.rs              |  1 +
styles/src/styleTree/feedback.ts       |  4 ++--
3 files changed, 9 insertions(+), 12 deletions(-)

Detailed changes

crates/feedback/src/feedback_editor.rs

@@ -534,16 +534,12 @@ impl View for FeedbackInfoText {
     fn render(&mut self, cx: &mut RenderContext<Self>) -> ElementBox {
         let theme = cx.global::<Settings>().theme.clone();
         let text = "We read whatever you submit here. For issues and discussions, visit the community repo on GitHub.";
-        Label::new(
-            theme.workspace.titlebar.outdated_warning.text.clone(),
-            text.to_string(),
-        )
-        .contained()
-        .with_style(theme.workspace.titlebar.outdated_warning.container)
-        .aligned()
-        .left()
-        .clipped()
-        .boxed()
+        Label::new(text.to_string(), theme.feedback.info_text.text.clone())
+            .contained()
+            .aligned()
+            .left()
+            .clipped()
+            .boxed()
     }
 }
 

crates/theme/src/theme.rs

@@ -811,6 +811,7 @@ pub struct TerminalStyle {
 pub struct FeedbackStyle {
     pub submit_button: Interactive<ContainedText>,
     pub button_margin: f32,
+    pub info_text: ContainedText,
 }
 
 #[derive(Clone, Deserialize, Default)]

styles/src/styleTree/feedback.ts

@@ -5,7 +5,6 @@ import { background, border, text } from "./components";
 export default function feedback(colorScheme: ColorScheme) {
   let layer = colorScheme.highest;
 
-  // Currently feedback only needs style for the submit feedback button
   return {
     submit_button: {
       ...text(layer, "mono", "on"),
@@ -32,6 +31,7 @@ export default function feedback(colorScheme: ColorScheme) {
         border: border(layer, "on", "hovered"),
       },
     },
-    button_margin: 8
+    button_margin: 8,
+    info_text: text(layer, "sans", "default", { size: "xs" }),
   };
 }