ui_prompt: Fix prompt dialog is hard to see on large screen (#35348)

Smit Barmase created 3 months ago

Closes #18516

Release Notes:

- Improved visibility of prompt dialog on Linux by dimming the
background.

Change summary

crates/ui_prompt/src/ui_prompt.rs | 40 ++++++++++++++++++--------------
1 file changed, 22 insertions(+), 18 deletions(-)

Detailed changes

crates/ui_prompt/src/ui_prompt.rs

@@ -190,24 +190,28 @@ impl Render for ZedPromptRenderer {
                 }),
             ));
 
-        div().size_full().occlude().child(
-            div()
-                .size_full()
-                .absolute()
-                .top_0()
-                .left_0()
-                .flex()
-                .flex_col()
-                .justify_around()
-                .child(
-                    div()
-                        .w_full()
-                        .flex()
-                        .flex_row()
-                        .justify_around()
-                        .child(prompt),
-                ),
-        )
+        div()
+            .size_full()
+            .occlude()
+            .bg(gpui::black().opacity(0.2))
+            .child(
+                div()
+                    .size_full()
+                    .absolute()
+                    .top_0()
+                    .left_0()
+                    .flex()
+                    .flex_col()
+                    .justify_around()
+                    .child(
+                        div()
+                            .w_full()
+                            .flex()
+                            .flex_row()
+                            .justify_around()
+                            .child(prompt),
+                    ),
+            )
     }
 }