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

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

View file

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