Reduce flickering at drag nd drop

Rahuletto · Jul 2, 2023 · 72c9ff6 · 72c9ff6
1 parent 49c6ddf
commit 72c9ff6
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/styles/globals.css b/styles/globals.css
@@ -192,7 +192,7 @@ b {
   box-sizing: border-box;
 }
 
-input[type="file"] {
+input[type='file'] {
   display: none;
 }
 
@@ -443,10 +443,12 @@ button {
   margin-top: -9px;
 }
 
-.plus:has(button:disabled), button:disabled {
+.plus:has(button:disabled),
+button:disabled {
   opacity: 0.6;
 }
-.plus button:disabled, button:disabled {
+.plus button:disabled,
+button:disabled {
   cursor: not-allowed !important;
 }
 
@@ -490,7 +492,7 @@ dialog form {
   gap: 8px;
   flex-direction: column;
   width: 100%;
-  
+
   padding: 14px 12px;
   border-radius: 38px;
   background: var(--background-slight-dark);
@@ -763,11 +765,11 @@ footer a {
 }
 
 footer a:hover {
-  border: 2px solid var(--special-color)
+  border: 2px solid var(--special-color);
 }
 
 footer a:active {
-  transform: translateY(-5px)
+  transform: translateY(-5px);
 }
 
 hr {
@@ -906,4 +908,8 @@ hr {
 }
 .droppy .dropNotif {
   transform: scale(1.3);
-}
+}
+
+.dragging, .dragging * {
+  pointer-events: none;
+}