[2604] Expand the tool section when the mouse is over

Bug: #2604 Signed-off-by: Florian Barbin <[email protected]>
eclipse-sirius · Sep 12, 2024 · 6787ea4 · 6787ea4
1 parent 8195cef
commit 6787ea4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
@@ -36,6 +36,7 @@
 
 === Improvements
 
+- https://github.com/eclipse-sirius/sirius-web/issues/2604[#2604] [diagram] Expand a tool section when the mouse is over it
 
 
 == v2024.9.0

diff --git a/...ams/frontend/sirius-components-diagrams/src/renderer/palette/tool-section/ToolSection.tsx b/...ams/frontend/sirius-components-diagrams/src/renderer/palette/tool-section/ToolSection.tsx
@@ -78,6 +78,12 @@ export const ToolSection = ({ toolSection, onToolClick, toolSectionExpandId, onE
     );
   }
 
+  const onMouseEnter = () => {
+    if (tools.length > 1) {
+      onExpand(toolSection.id);
+    }
+  };
+
   const checkLastToolInvoked = (): GQLTool | undefined => {
     const lastToolInvoked = getLastToolInvoked(toolSection.id);
     if (lastToolInvoked && tools.some((tool) => tool.id === lastToolInvoked.id)) {
@@ -91,7 +97,7 @@ export const ToolSection = ({ toolSection, onToolClick, toolSectionExpandId, onE
   return (
     <>
       {defaultTool && (
-        <div className={classes.toolSection} data-testid={toolSection.label}>
+        <div className={classes.toolSection} data-testid={toolSection.label} onMouseEnter={onMouseEnter}>
           <Tool tool={defaultTool} onClick={() => onToolClick(defaultTool)} thumbnail />
           {caretContent}
         </div>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -36,6 +36,7 @@

		=== Improvements

		- https://github.com/eclipse-sirius/sirius-web/issues/2604[#2604] [diagram] Expand a tool section when the mouse is over it


		== v2024.9.0
Expand Down