bug-fix: set cursor pointer on connector-out

Tiledesk · Jan 15, 2025 · 8fe912b · 8fe912b
1 parent 684fddc
commit 8fe912b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/...o/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.html b/...o/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.html
@@ -1,4 +1,4 @@
 <div class="action-connector" 
-(mouseenter)="showConnectorsIn()"
-(mouseleave)="hideConnectorsIn()">
+(mouseenter)="showConnectorsIn($event)"
+(mouseleave)="hideConnectorsIn($event)">
 <span class="label-connector">{{labelNumber}}</span></div>
diff --git a/...o/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.scss b/...o/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.scss
@@ -1,4 +1,7 @@
 .action-connector {
+    cursor: pointer;
+    pointer-events: auto;
+    z-index: 2;
     display: flex;
     -webkit-box-align: center;
     align-items: center;

diff --git a/...dio/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.ts b/...dio/cds-dashboard/cds-canvas/base-elements/cds-connector-in/cds-connector-in.component.ts
@@ -18,7 +18,8 @@ export class CdsConnectorInComponent implements OnInit {
     }
   }
 
-  public showConnectorsIn(){
+  public showConnectorsIn(event: MouseEvent){
+    event.stopPropagation();
     if(this.connectorsIn){
       this.connectorsIn.forEach((connector) => {
         const svgElement = document.getElementById(connector.id) as HTMLElement;
@@ -38,7 +39,8 @@ export class CdsConnectorInComponent implements OnInit {
     }
   }
 
-  public hideConnectorsIn(){
+  public hideConnectorsIn(event: MouseEvent){
+    event.stopPropagation();
     if(this.connectorsIn){
       this.connectorsIn.forEach((connector) => {
         const svgElement = document.getElementById(connector.id) as HTMLElement;