dan/gpui-component
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update disabled menu, button, dropdown etc. to use default cursor. (#814)

Browse source 
To follow macOS UX design.
This commit is contained in:
Jason Lee 2025-04-24 21:28:15 +08:00 committed by GitHub
parent bbb267f2bf
commit a9d145dd50
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 13 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
crates/story/src/menu_story.rs
View file

@ -169,6 +169,8 @@ impl Render for MenuStory {
},
)
.separator()
.menu_with_disabled("Disabled Item", Box::new(Info(0)), true)
.separator()
.submenu("Links", window, cx, |menu, _, _| {
menu.link_with_icon(
"GitHub Repository",

3
crates/ui/src/button/button.rs
View file

@ -469,8 +469,7 @@ impl RenderOnce for Button {
)
.when(self.disabled, |this| {
let disabled_style = style.disabled(self.outline, cx);
this.cursor_not_allowed()
.bg(disabled_style.bg)
this.bg(disabled_style.bg)
.text_color(disabled_style.fg)
.border_color(disabled_style.border)
.shadow_none()

3
crates/ui/src/checkbox.rs
View file

@ -181,8 +181,7 @@ impl RenderOnce for Checkbox {
)
})
.when(self.disabled, |this| {
this.cursor_not_allowed()
.text_color(cx.theme().muted_foreground)
this.text_color(cx.theme().muted_foreground)
})
.when_some(
self.on_click.filter(|_| !self.disabled),

26
crates/ui/src/dropdown.rs
View file

@ -575,8 +575,7 @@ where
};
title.when(self.disabled, |this| {
this.cursor_not_allowed()
.text_color(cx.theme().muted_foreground)
this.text_color(cx.theme().muted_foreground)
})
}
}
@ -648,13 +647,7 @@ where
.border_color(cx.theme().input)
.rounded(cx.theme().radius)
.when(cx.theme().shadow, |this| this.shadow_sm())
.map(|this| {
if self.disabled {
this.cursor_not_allowed()
} else {
this
}
})
.map(|this| if self.disabled { this } else { this })
.overflow_hidden()
.input_text_size(self.size)
.map(|this| match self.width {
@ -701,15 +694,12 @@ where
}
};
this.child(
Icon::new(icon)
.xsmall()
.text_color(match self.disabled {
true => cx.theme().muted_foreground.opacity(0.5),
false => cx.theme().muted_foreground,
})
.when(self.disabled, |this| this.cursor_not_allowed()),
)
this.child(Icon::new(icon).xsmall().text_color(
match self.disabled {
true => cx.theme().muted_foreground.opacity(0.5),
false => cx.theme().muted_foreground,
},
))
}),
)
.child(

3
crates/ui/src/list/list_item.rs
View file

@ -143,8 +143,7 @@ impl RenderOnce for ListItem {
})
})
.when(self.disabled, |this| {
this.cursor_not_allowed()
.text_color(cx.theme().muted_foreground)
this.text_color(cx.theme().muted_foreground)
})
.child(
h_flex()

1
crates/ui/src/switch.rs
View file

@ -172,7 +172,6 @@ impl Element for Switch {
.border(inset)
.border_color(cx.theme().transparent)
.bg(bg)
.when(self.disabled, |this| this.cursor_not_allowed())
.when_some(self.tooltip.clone(), |this, tooltip| {
this.tooltip(move |window, cx| {
Tooltip::new(tooltip.clone()).build(window, cx)

1
crates/ui/src/tab/tab.rs
View file

@ -583,7 +583,6 @@ impl RenderOnce for Tab {
.flex_wrap()
.items_center()
.flex_shrink_0()
.when(self.disabled, |this| this.cursor_not_allowed())
.overflow_hidden()
.h(height)
.overflow_hidden()

7
crates/ui/src/time/calendar.rs
View file

@ -473,13 +473,6 @@ impl Calendar {
_ => this.size_9().rounded(cx.theme().radius * 2.),
})
.justify_center()
.map(|this| {
if disabled {
this.cursor_not_allowed()
} else {
this
}
})
.when(muted, |this| {
this.text_color(if disabled {
cx.theme().muted_foreground.opacity(0.3)