Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

context menu: Improve docs aside responsiveness (#25347)

Browse source 
Closes https://github.com/zed-industries/zed/issues/24883

While this PR closes the issue above, it still doesn't implement a
bullet-proof solution for the context menu docs aside, meaning, it might
not work the best way if there are other places using it (like the
Editor Controls menu). For that, I think we'll want a more robust
collision-aware solution, possibly similar to the LSP completion menu.

Release Notes:

- N/A

---------

Co-authored-by: Agus Zubiaga <hi@aguz.me>
Co-authored-by: Nate Butler <1714999+iamnbutler@users.noreply.github.com>
This commit is contained in:
Danilo Leal 2025-02-21 16:12:53 -03:00 • committed by GitHub
parent 17323ed7b2
commit 2e302b1a7c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 30 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

19
crates/ui/src/components/context_menu.rs
View file

@ -507,6 +507,9 @@ impl ContextMenuItem {
impl Render for ContextMenu {
fn render(&mut self, window: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
let ui_font_size = ThemeSettings::get_global(cx).ui_font_size(cx);
let window_size = window.viewport_size();
let rem_size = window.rem_size();
let is_wide_window = window_size.width / rem_size > rems_from_px(800.).0;
let aside = self
.documentation_aside
@ -514,19 +517,23 @@ impl Render for ContextMenu {
.map(|(_, callback)| callback.clone());
h_flex()
.when(is_wide_window, |this| {this.flex_row()})
.when(!is_wide_window, |this| {this.flex_col()})
.w_full()
.items_start()
.gap_1()
.when_some(aside, |this, aside| {
this.child(
.child(
div().children(aside.map(|aside|
WithRemSize::new(ui_font_size)
.occlude()
.elevation_2(cx)
.p_2()
.max_w_96()
.child(aside(cx)),
)
})
.overflow_hidden()
.when(is_wide_window, |this| {this.max_w_96()})
.when(!is_wide_window, |this| {this.max_w_48()})
.child(aside(cx))
))
)
.child(
WithRemSize::new(ui_font_size)
.occlude()