Add support for clicking checkboxes via their labels (#2667)

editor/src/messages/dialog/export_dialog/export_dialog_message_handler.rs

@@ -143,12 +143,14 @@ impl LayoutHolder for ExportDialogMessageHandler {
 			DropdownInput::new(entries).selected_index(Some(index as u32)).widget_holder(),
 		];
 
+		let mut checkbox_id = CheckboxId::default();
 		let transparent_background = vec![
-			TextLabel::new("Transparency").table_align(true).min_width(100).widget_holder(),
+			TextLabel::new("Transparency").table_align(true).min_width(100).for_checkbox(&mut checkbox_id).widget_holder(),
 			Separator::new(SeparatorType::Unrelated).widget_holder(),
 			CheckboxInput::new(self.transparent_background)
 				.disabled(self.file_type == FileType::Jpg)
 				.on_update(move |value: &CheckboxInput| ExportDialogMessage::TransparentBackground(value.checked).into())
+				.for_label(checkbox_id.clone())
 				.widget_holder(),
 		];
 

editor/src/messages/dialog/new_document_dialog/new_document_dialog_message_handler.rs

@@ -77,11 +77,13 @@ impl LayoutHolder for NewDocumentDialogMessageHandler {
 				.widget_holder(),
 		];
 
+		let mut checkbox_id = CheckboxId::default();
 		let infinite = vec![
-			TextLabel::new("Infinite Canvas").table_align(true).min_width(90).widget_holder(),
+			TextLabel::new("Infinite Canvas").table_align(true).min_width(90).for_checkbox(&mut checkbox_id).widget_holder(),
 			Separator::new(SeparatorType::Unrelated).widget_holder(),
 			CheckboxInput::new(self.infinite)
 				.on_update(|checkbox_input: &CheckboxInput| NewDocumentDialogMessage::Infinite(checkbox_input.checked).into())
+				.for_label(checkbox_id.clone())
 				.widget_holder(),
 		];
 

editor/src/messages/dialog/preferences_dialog/preferences_dialog_message_handler.rs

@@ -66,6 +66,7 @@ impl PreferencesDialogMessageHandler {
 				.widget_holder(),
 		];
 
+		let mut checkbox_id = CheckboxId::default();
 		let zoom_with_scroll_tooltip = "Use the scroll wheel for zooming instead of vertically panning (not recommended for trackpads)";
 		let zoom_with_scroll = vec![
 			Separator::new(SeparatorType::Unrelated).widget_holder(),
@@ -78,8 +79,13 @@ impl PreferencesDialogMessageHandler {
 					}
 					.into()
 				})
+				.for_label(checkbox_id.clone())
+				.widget_holder(),
+			TextLabel::new("Zoom with Scroll")
+				.table_align(true)
+				.tooltip(zoom_with_scroll_tooltip)
+				.for_checkbox(&mut checkbox_id)
 				.widget_holder(),
-			TextLabel::new("Zoom with Scroll").table_align(true).tooltip(zoom_with_scroll_tooltip).widget_holder(),
 		];
 
 		// =======
@@ -161,6 +167,7 @@ impl PreferencesDialogMessageHandler {
 			graph_wire_style,
 		];
 
+		let mut checkbox_id = CheckboxId::default();
 		let vello_tooltip = "Use the experimental Vello renderer (your browser must support WebGPU)";
 		let use_vello = vec![
 			Separator::new(SeparatorType::Unrelated).widget_holder(),
@@ -169,14 +176,17 @@ impl PreferencesDialogMessageHandler {
 				.tooltip(vello_tooltip)
 				.disabled(!preferences.supports_wgpu())
 				.on_update(|checkbox_input: &CheckboxInput| PreferencesMessage::UseVello { use_vello: checkbox_input.checked }.into())
+				.for_label(checkbox_id.clone())
 				.widget_holder(),
 			TextLabel::new("Vello Renderer")
 				.table_align(true)
 				.tooltip(vello_tooltip)
 				.disabled(!preferences.supports_wgpu())
+				.for_checkbox(&mut checkbox_id)
 				.widget_holder(),
 		];
 
+		let mut checkbox_id = CheckboxId::default();
 		let vector_mesh_tooltip = "Allow tools to produce vector meshes, where more than two segments can connect to an anchor point.\n\nCurrently this does not properly handle line joins and fills.";
 		let vector_meshes = vec![
 			Separator::new(SeparatorType::Unrelated).widget_holder(),
@@ -184,8 +194,13 @@ impl PreferencesDialogMessageHandler {
 			CheckboxInput::new(preferences.vector_meshes)
 				.tooltip(vector_mesh_tooltip)
 				.on_update(|checkbox_input: &CheckboxInput| PreferencesMessage::VectorMeshes { enabled: checkbox_input.checked }.into())
+				.for_label(checkbox_id.clone())
+				.widget_holder(),
+			TextLabel::new("Vector Meshes")
+				.table_align(true)
+				.tooltip(vector_mesh_tooltip)
+				.for_checkbox(&mut checkbox_id)
 				.widget_holder(),
-			TextLabel::new("Vector Meshes").table_align(true).tooltip(vector_mesh_tooltip).widget_holder(),
 		];
 
 		// TODO: Reenable when Imaginate is restored