Restore more active styles

Marshall Bowers created 2 years ago

Change summary

crates/ui2/src/components/collab_panel.rs | 3 ++-
crates/ui2/src/components/palette.rs      | 6 +++---
2 files changed, 5 insertions(+), 4 deletions(-)

Detailed changes

crates/ui2/src/components/collab_panel.rs

@@ -133,12 +133,13 @@ impl<S: 'static + Send + Sync + Clone> CollabPanel<S> {
         theme: &Theme,
     ) -> impl Element<ViewState = S> {
         div()
+            .id("list_item")
             .h_7()
             .px_2()
             .flex()
             .items_center()
             .hover(|style| style.bg(theme.lowest.variant.hovered.background))
-            // .active(|style| style.fill(theme.lowest.variant.pressed.background))
+            .active(|style| style.bg(theme.lowest.variant.pressed.background))
             .child(
                 div()
                     .flex()

crates/ui2/src/components/palette.rs

@@ -84,15 +84,15 @@ impl<S: 'static + Send + Sync + Clone> Palette<S> {
                                 .into_iter()
                                 .flatten(),
                             )
-                            .children(self.items.iter().map(|item| {
+                            .children(self.items.iter().enumerate().map(|(index, item)| {
                                 h_stack()
+                                    .id(index)
                                     .justify_between()
                                     .px_2()
                                     .py_0p5()
                                     .rounded_lg()
                                     .hover(|style| style.bg(theme.lowest.base.hovered.background))
-                                    // .active()
-                                    // .fill(theme.lowest.base.pressed.background)
+                                    .active(|style| style.bg(theme.lowest.base.pressed.background))
                                     .child(item.clone())
                             })),
                     ),