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

ui: Round hover styles for ListItems with outlined set (#22120)

Browse source 
This PR makes `ListItem`s with `outlined` set use the same rounding for
their hover state to ensure that the hover background doesn't bleed
outside of the outline.

Release Notes:

- N/A
This commit is contained in:
Marshall Bowers 2024-12-16 18:43:16 -05:00 • committed by GitHub
parent 8e71e46867
commit d11deff3c2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 1 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
crates/ui/src/components/list/list_item.rs
View file

@ -202,6 +202,7 @@ impl RenderOnce for ListItem {
.when(self.selectable, |this| { .when(self.selectable, |this| {
this.hover(|style| style.bg(cx.theme().colors().ghost_element_hover)) this.hover(|style| style.bg(cx.theme().colors().ghost_element_hover))
.active(|style| style.bg(cx.theme().colors().ghost_element_active)) .active(|style| style.bg(cx.theme().colors().ghost_element_active))
.when(self.outlined, |this| this.rounded_md())
.when(self.selected, |this| { .when(self.selected, |this| {
this.bg(cx.theme().colors().ghost_element_selected) this.bg(cx.theme().colors().ghost_element_selected)
}) })