Add active style when participant popover is open

This commit is contained in:
Antonio Scandurra 2022-09-27 14:34:13 +02:00
parent 0db6eb2fb8
commit 0a29e13d4a
2 changed files with 7 additions and 1 deletions

View file

@ -96,7 +96,9 @@ impl CollabTitlebarItem {
Stack::new() Stack::new()
.with_child( .with_child(
MouseEventHandler::<ToggleAddParticipantPopover>::new(0, cx, |state, _| { 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") Svg::new("icons/plus_8.svg")
.with_color(style.color) .with_color(style.color)
.constrained() .constrained()

View file

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