[2789] Increase the size of edgeupdater

Bug: #2789
Signed-off-by: Michaël Charfadi <michael.charfadi@obeosoft.com>

CHANGELOG.adoc

@@ -394,6 +394,7 @@ Applications derived from Sirius Web may have to ensure that references to defau
 - https://github.com/eclipse-sirius/sirius-web/issues/2191[#2191] [view] The Color property on ImageNodeStyle has been removed.
 - https://github.com/eclipse-sirius/sirius-web/issues/2388[#2388] [tree] `treeItem` is no longer composed of a single string for the imageURL, but of a list of strings to take into account composite images.
 The `IObjectService.getImagePath` API changed and now must return a list containing all the image paths.
+- https://github.com/eclipse-sirius/sirius-web/issues/2789[#2789] [diagram] Added the file ReactFlow.css to sirius-web package.
 
 === Dependency update
 
@@ -479,6 +480,7 @@ To illustrate this new feature, we contribute a new tool on the _Papaya Diagram_
 - https://github.com/eclipse-sirius/sirius-web/issues/2371[#2371] [view] Add new default color palettes along with the creation of a view (theme colors, mui colors...).
 These color palettes are accessible in studio projects but are not visible in the Explorer view.
 - https://github.com/eclipse-sirius/sirius-web/issues/2371[#2371] [view] Add new validation rules about colors for View diagrams & forms.
+- https://github.com/eclipse-sirius/sirius-web/issues/2789[#2789] [diagram] Increase the size of the edgeupdater to make reconnecting an edge easier.
 
 == v2023.8.0
 

packages/sirius-web/frontend/sirius-web/src/ReactFlow.css

@@ -0,0 +1,17 @@
+/*******************************************************************************
+ * Copyright (c) 2023 Obeo.
+ * This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v2.0
+ * which accompanies this distribution, and is available at
+ * https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ *
+ * Contributors:
+ *     Obeo - initial API and implementation
+ *******************************************************************************/
+
+/* The circle used to reconnect an edge */
+.react-flow__edgeupdater {
+  stroke-width: 15;
+}

packages/sirius-web/frontend/sirius-web/src/index.tsx

@@ -41,6 +41,7 @@ import { GQLSlider } from './widgets/SliderFragment.types';
 import { SliderPreview } from './widgets/SliderPreview';
 import { SliderPropertySection } from './widgets/SliderPropertySection';
 
+import './ReactFlow.css';
 import './Sprotty.css';
 import './fonts.css';
 import './reset.css';