mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2024-10-26 08:31:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Add styles for button

Browse source
This commit is contained in:
Piotr Osiewicz 2023-06-23 13:30:40 +02:00
parent 6c676121f2
commit 4b52ff65c1
3 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
crates/collab_ui/src/collab_titlebar_item.rs
View file

@ -550,10 +550,7 @@ impl CollabTitlebarItem {
let titlebar = &theme.workspace.titlebar;
MouseEventHandler::<LeaveCall, Self>::new(0, cx, |state, _| {
let style = titlebar
.toggle_speakers_button
.in_state(false)
.style_for(state);
let style = titlebar.leave_call_button.style_for(state);
Svg::new(icon)
.with_color(style.color)
.constrained()

1
crates/theme/src/theme.rs
View file

@ -135,6 +135,7 @@ pub struct Titlebar {
pub toggle_contacts_button: Toggleable<Interactive<IconButton>>,
pub toggle_microphone_button: Toggleable<Interactive<IconButton>>,
pub toggle_speakers_button: Toggleable<Interactive<IconButton>>,
pub leave_call_button: Interactive<IconButton>,
pub user_menu_button: Toggleable<Interactive<IconButton>>,
pub toggle_contacts_badge: ContainerStyle,
}

18
styles/src/styleTree/workspace.ts
View file

@ -407,6 +407,24 @@ export default function workspace(colorScheme: ColorScheme) {
},
},
}),
leaveCallButton: interactive({
base: {
margin: { left: itemSpacing },
cornerRadius: 6,
color: foreground(layer, "variant"),
iconWidth: 14,
buttonWidth: 20,
},
state: {
clicked: {
background: background(layer, "variant", "pressed"),
},
hovered: {
background: background(layer, "variant", "hovered"),
},
},
}),
userMenuButton: merge(titlebarButton, {
inactive: {
default: {