Gradient

editor/src/messages/input_mapper/input_mappings.rs

@@ -178,7 +178,6 @@ pub fn input_mappings(zoom_with_scroll: bool) -> Mapping {
 		entry!(KeyDown(MouseLeft); action_dispatch=GradientToolMessage::PointerDown),
 		entry!(PointerMove; refresh_keys=[Shift], action_dispatch=GradientToolMessage::PointerMove { constrain_axis: Shift }),
 		entry!(KeyUp(MouseLeft); action_dispatch=GradientToolMessage::PointerUp),
-		entry!(DoubleClick(MouseButton::Left); action_dispatch=GradientToolMessage::InsertStop),
 		entry!(KeyDown(Delete); action_dispatch=GradientToolMessage::DeleteStop),
 		entry!(KeyDown(Backspace); action_dispatch=GradientToolMessage::DeleteStop),
 		entry!(KeyDown(MouseRight); action_dispatch=GradientToolMessage::Abort),

editor/src/messages/portfolio/document/document_message_handler.rs

@@ -965,6 +965,7 @@ impl MessageHandler<DocumentMessage, DocumentMessageContext<'_>> for DocumentMes
 				responses.add(DocumentMessage::DocumentHistoryForward);
 				responses.add(ToolMessage::Redo);
 				responses.add(OverlaysMessage::Draw);
+				responses.add(EventMessage::SelectionChanged);
 			}
 			DocumentMessage::RenameDocument { new_name } => {
 				self.name = new_name.clone();
@@ -1432,6 +1433,7 @@ impl MessageHandler<DocumentMessage, DocumentMessageContext<'_>> for DocumentMes
 				responses.add(DocumentMessage::DocumentHistoryBackward);
 				responses.add(OverlaysMessage::Draw);
 				responses.add(ToolMessage::Undo);
+				responses.add(EventMessage::SelectionChanged);
 			}
 			DocumentMessage::UngroupSelectedLayers => {
 				if !self.selection_network_path.is_empty() {

editor/src/messages/portfolio/document/overlays/utility_types_native.rs

@@ -273,6 +273,10 @@ impl OverlayContext {
 		self.internal().manipulator_anchor(position, selected, color);
 	}
 
+	pub fn gradient_handle(&mut self, position: DVec2, selected: bool, color: Option<&str>) {
+		self.internal().gradient_handle(position, selected, color);
+	}
+
 	pub fn resize_handle(&mut self, position: DVec2, rotation: f64) {
 		self.internal().resize_handle(position, rotation);
 	}
@@ -582,6 +586,23 @@ impl OverlayContextInternal {
 		self.square(position, None, Some(color_fill), Some(COLOR_OVERLAY_BLUE));
 	}
 
+	fn gradient_handle(&mut self, position: DVec2, selected: bool, color: Option<&str>) {
+		let transform = self.get_transform();
+		let position = position.round() - DVec2::splat(0.5);
+
+		let (radius_offset, stroke_width) = if selected { (1.0, 3.0) } else { (0.0, 1.0) };
+		let radius = MANIPULATOR_GROUP_MARKER_SIZE / 1.5 + radius_offset;
+
+		let fill = color.unwrap_or(if selected { COLOR_OVERLAY_WHITE } else { COLOR_OVERLAY_BLUE });
+
+		let circle = kurbo::Circle::new((position.x, position.y), radius);
+		self.scene.fill(peniko::Fill::NonZero, transform, Self::parse_color(fill), None, &circle);
+
+		let black_circle = kurbo::Circle::new((position.x, position.y), radius + stroke_width / 2.0);
+		self.scene.stroke(&kurbo::Stroke::new(1.0), transform, Self::parse_color("#000000"), None, &black_circle);
+		self.scene.stroke(&kurbo::Stroke::new(stroke_width), transform, Self::parse_color(COLOR_OVERLAY_WHITE), None, &circle);
+	}
+
 	fn resize_handle(&mut self, position: DVec2, rotation: f64) {
 		let quad = DAffine2::from_angle_translation(rotation, position) * Quad::from_box([DVec2::splat(-RESIZE_HANDLE_SIZE / 2.), DVec2::splat(RESIZE_HANDLE_SIZE / 2.)]);
 		self.quad(quad, None, Some(COLOR_OVERLAY_WHITE));

editor/src/messages/portfolio/document/overlays/utility_types_web.rs

@@ -468,6 +468,37 @@ impl OverlayContext {
 		self.square(position, None, Some(color_fill), Some(color_stroke));
 	}
 
+	pub fn gradient_handle(&mut self, position: DVec2, selected: bool, color: Option<&str>) {
+		self.start_dpi_aware_transform();
+
+		let position = position.round() - DVec2::splat(0.5);
+
+		let (radius_offset, stroke_width) = if selected { (1.0, 3.0) } else { (0.0, 1.0) };
+		let radius = MANIPULATOR_GROUP_MARKER_SIZE / 1.5 + 1. + radius_offset;
+
+		{
+			let stroke_circle = |radius: f64, width: f64, color: &str| {
+				self.render_context.begin_path();
+				self.render_context.arc(position.x, position.y, radius, 0., TAU).expect("Failed to draw the circle");
+				self.render_context.set_line_width(width);
+				self.render_context.set_stroke_style_str(color);
+				self.render_context.stroke();
+			};
+
+			self.render_context.begin_path();
+			self.render_context.arc(position.x, position.y, radius, 0., TAU).expect("Failed to draw the circle");
+			let fill = color.unwrap_or(if selected { COLOR_OVERLAY_WHITE } else { COLOR_OVERLAY_BLUE });
+			self.render_context.set_fill_style_str(fill);
+			self.render_context.fill();
+
+			stroke_circle(radius + stroke_width / 2., 1.0, "#000000");
+
+			stroke_circle(radius, stroke_width, COLOR_OVERLAY_WHITE);
+		}
+
+		self.end_dpi_aware_transform();
+	}
+
 	pub fn hover_manipulator_handle(&mut self, position: DVec2, selected: bool) {
 		self.start_dpi_aware_transform();