starting dragging ??????

1 files changed, 32 insertions, 7 deletions

diff --git a/src/client/views/collections/CollectionCardDeckView.scss b/src/client/views/collections/CollectionCardDeckView.scss
index 8a721a626..5f7d1b901 100644
--- a/src/client/views/collections/CollectionCardDeckView.scss
+++ b/src/client/views/collections/CollectionCardDeckView.scss
@@ -26,23 +26,41 @@
     display: flex;
     padding: 3px;
     // width: 300px;
+    // height:100px;
+    pointer-events: none; /* This ensures the container does not capture hover events */
+
     background-color: rgb(218, 218, 218); /* Background color of the container */
     border-radius: 50px; /* Rounds the corners of the container */
     transform: translateY(25px);
     // box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional: Adds shadow for depth */
     align-items: center; /* Centers buttons vertically */
     justify-content: start; /* Centers buttons horizontally */
+
+    button {
+        pointer-events: auto; /* Re-enable pointer events for the buttons */
+    
+        width: 70px;
+        height: 70px;
+        border-radius: 50%;
+        background-color: $dark-gray;
+        // border-color: $medium-blue;
+        margin: 5px; // transform: translateY(-50px);
+        background-color: transparent;
+    }
 }
 
-button {
-    width: 35px;
-    height: 35px;
-    border-radius: 50%;
-    background-color: $dark-gray;
-    // border-color: $medium-blue;
-    margin: 5px; // transform: translateY(-50px);
+.no-card-span{
+    position: relative;
+    width: fit-content;
+    text-align: center;
+    font-size: 65px;
+    
+
+
 }
 
+
+
 // button:hover {
 //     transform: translateY(-50px);
 // }
@@ -74,6 +92,13 @@ button {
     flex-direction: column;
 }
 
+// .card-item:hover {
+//     box-shadow: 0 20px 20px $medium-blue;
+//     transform: scale(1.05);
+    
+
+// }
+
 .card-item-inactive {
     opacity: 0.5;
 }