A draggable card with cursor: crosshair, and a hyperlink with cursor: pointer for click and cursor: hourglass for clicking the dropdown-menu
I am trying to figure out how to make in the single card is draggable with the cursor crosshair to move the card anywhere in the same card that clicks hyperlink text with other style cursor as pointer and the same card I have a dot for click drop-down a cursor will be hourglass.
See code below:
HERE will a CURSOR for the draggable: Coss-hair (draggable that move the card):
<div draggable="true" class="boxS small-list-card" style="justify-content: start;">
<div class="corp-status change-rule-status " style="height: 100%;">
<div class="sensor corp-status sensorIcon sensorStatus<%=sensor.Status %> "></div>
</div>
HERE will be a CURSOR: pointer to click hyperlink text (<a> but not draggable not seeing draggable cursor cross-hair when mouse hovering hyperlink)
<a class="home-icon-card"><%:Html.GetThemedSVG("menu") %>
<div class="home-inside-data ">
<a div class="home-icon-card"><%=Html.GetThemedSVG("app") %></div>
<div class="home-name-card" ></div>
<div class="home-end-card"></a>
HERE will be a CURSOR: hourglass for click the dropdown menu , not showing dragabble cursor crosshair and not hyperlink text cursor: pointer
<div class="home-icon-card dropdown menu-hover" style="padding: 5px 6px 5px 0; z-index: 99; cursor: pointer;" data-bs-toggle="dropdown" data-bs-auto-close="true" aria-expanded="false">
<%=Html.GetThemedSVG("menu") %></div></a>
</div>
