update(dashboard CSS): adds animation for pinned widgets and different cursor styles

public/css/components/dashboard.css

@@ -11,6 +11,12 @@
 	cursor:pointer;
 }
 
+.draggedItem {
+	height: 100%;
+	width: 100%;
+	background-color:white;
+}
+
 .empty-tile-hover:hover {
 		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-500 -500 1448 1512"><path fill="rgb(211, 211, 211)" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM200 344V280H136c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V168c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H248v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"/></svg>');
 }
@@ -61,6 +67,19 @@
 .cursor-nw-resize {
 	cursor: nw-resize;
 }
+
+.cursor-ew-resize {
+	cursor: ew-resize;
+}
+
+.cursor-ns-resize {
+	cursor: ns-resize;
+}
+
+.no-drag-drop {
+	cursor: not-allowed;
+}
+
 .cursor-move {
 	cursor: move;
 }
@@ -73,8 +92,9 @@
 	right:0;
 	bottom:0;
 	background-color:rgba(0, 100, 156);
-	border:1px dashed lightgray;
+	border:4px dashed lightgray;
 	z-index: 2;
+	opacity: 0.5;
 }
 
 .pin:hover{
@@ -84,3 +104,41 @@
 .pin[pinned]:hover{
 	color:rgb(153, 116, 116);
 }
+
+.section-info{
+	color: #00649c;
+	cursor:pointer;
+}
+
+.section-info:hover {
+	color: #005585;
+}
+
+.denied-dragging-animation {
+	animation: wiggle 0.5s linear;
+	color:red !important;
+}
+
+@keyframes wiggle {
+
+	0% {
+		transform: rotate(0deg);
+	}
+
+	25% {
+		transform: rotate(-30deg);
+	}
+
+	50% {
+		transform: rotate(0deg);
+	}
+
+	75% {
+		transform: rotate(30deg);
+	}
+
+	100% {
+		transform: rotate(0em);
+	}
+
+}