Wire up hover styles on `Button`s

Marshall Bowers created 2 years ago

Change summary

crates/ui2/src/elements/button.rs | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)

Detailed changes

crates/ui2/src/elements/button.rs

@@ -162,7 +162,15 @@ impl<S: 'static + Send + Sync + Clone> Button<S> {
             .rounded_md()
             .border()
             .border_color(border_color)
-            .bg(self.background_color(cx));
+            .bg(self.background_color(cx))
+            .hover(|style| {
+                let color = ThemeColor::new(cx);
+
+                style.bg(match self.variant {
+                    ButtonVariant::Ghost => color.ghost_element_hover,
+                    ButtonVariant::Filled => color.filled_element_hover,
+                })
+            });
 
         match (self.icon, self.icon_position) {
             (Some(_), Some(IconPosition::Left)) => {