Update stream control icons

This commit is contained in:
Nate Butler 2023-06-22 12:21:59 -04:00
parent 1079838443
commit 1a0b2bfef8
2 changed files with 11 additions and 7 deletions

View file

@ -0,0 +1,4 @@
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73284 2H1.25C0.559643 2 0 2.55964 0 3.25V10.75C0 11.249 0.292407 11.6797 0.715228 11.8802C0.729901 11.8616 0.74533 11.8435 0.761518 11.8257L1.51545 11H1.25C1.11193 11 1 10.8881 1 10.75V3.25C1 3.11193 1.11193 3 1.25 3H8.8198L9.73284 2ZM13.5232 3L14.316 2.13518C14.7219 2.34168 15 2.76336 15 3.25V10.75C15 11.4404 14.4404 12 13.75 12H9.92659L10.1701 13.2986C10.2336 13.6371 9.97389 13.95 9.62951 13.95H5.37049C5.02612 13.95 4.76645 13.6371 4.82991 13.2986L5.02202 12.2741L6.18991 11H13.75C13.8881 11 14 10.8881 14 10.75V3.25C14 3.11193 13.8881 3 13.75 3H13.5232ZM5.98909 12H9.01091L9.20778 13.05H5.79222L5.98909 12Z" fill="black"/>
<path d="M13 1L2 13" stroke="black" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 846 B

View file

@ -370,7 +370,7 @@ impl CollabTitlebarItem {
.toggle_contacts_button .toggle_contacts_button
.in_state(self.contacts_popover.is_some()) .in_state(self.contacts_popover.is_some())
.style_for(state); .style_for(state);
Svg::new("icons/user_plus_16.svg") Svg::new("icons/radix/person.svg")
.with_color(style.color) .with_color(style.color)
.constrained() .constrained()
.with_width(style.icon_width) .with_width(style.icon_width)
@ -406,10 +406,10 @@ impl CollabTitlebarItem {
let icon; let icon;
let tooltip; let tooltip;
if room.read(cx).is_screen_sharing() { if room.read(cx).is_screen_sharing() {
icon = "icons/enable_screen_sharing_12.svg"; icon = "icons/radix/desktop-mute.svg";
tooltip = "Stop Sharing Screen" tooltip = "Stop Sharing Screen"
} else { } else {
icon = "icons/disable_screen_sharing_12.svg"; icon = "icons/radix/desktop.svg";
tooltip = "Share Screen"; tooltip = "Share Screen";
} }
@ -451,11 +451,11 @@ impl CollabTitlebarItem {
let tooltip; let tooltip;
let background; let background;
if room.read(cx).is_muted().unwrap_or(false) { if room.read(cx).is_muted().unwrap_or(false) {
icon = "icons/microphone_inactive_12.svg"; icon = "icons/radix/mic-mute.svg";
tooltip = "Unmute microphone\nRight click for options"; tooltip = "Unmute microphone\nRight click for options";
background = Color::red(); background = Color::red();
} else { } else {
icon = "icons/microphone_active_12.svg"; icon = "icons/radix/mic.svg";
tooltip = "Mute microphone\nRight click for options"; tooltip = "Mute microphone\nRight click for options";
background = Color::transparent_black(); background = Color::transparent_black();
} }
@ -502,9 +502,9 @@ impl CollabTitlebarItem {
} }
let is_shared = project.read(cx).is_shared(); let is_shared = project.read(cx).is_shared();
let label = if is_shared { "Unshare" } else { "Share" }; let label = if is_shared { "Stop Sharing" } else { "Share" };
let tooltip = if is_shared { let tooltip = if is_shared {
"Unshare project from call participants" "Stop sharing project with call participants"
} else { } else {
"Share project with call participants" "Share project with call participants"
}; };