Add active style when participant popover is open

Antonio Scandurra created 3 years ago

Change summary

crates/collab_titlebar_item/src/collab_titlebar_item.rs | 4 +++-
styles/src/styleTree/workspace.ts                       | 4 ++++
2 files changed, 7 insertions(+), 1 deletion(-)

Detailed changes

crates/collab_titlebar_item/src/collab_titlebar_item.rs

@@ -96,7 +96,9 @@ impl CollabTitlebarItem {
             Stack::new()
                 .with_child(
                     MouseEventHandler::<ToggleAddParticipantPopover>::new(0, cx, |state, _| {
-                        let style = titlebar.add_participant_button.style_for(state, false);
+                        let style = titlebar
+                            .add_participant_button
+                            .style_for(state, self.add_participant_popover.is_some());
                         Svg::new("icons/plus_8.svg")
                             .with_color(style.color)
                             .constrained()

styles/src/styleTree/workspace.ts

@@ -124,6 +124,10 @@ export default function workspace(theme: Theme) {
         color: iconColor(theme, "secondary"),
         iconWidth: 8,
         buttonWidth: 20,
+        active: {
+          background: backgroundColor(theme, "on300", "active"),
+          color: iconColor(theme, "active"),
+        },
         hover: {
           background: backgroundColor(theme, "on300", "hovered"),
           color: iconColor(theme, "active"),