feat: improved user feedback on dnd and reordering element list

2026-07-09 08:30:18 +02:00
parent ebb1fc2906
commit a923559d1a
2 changed files with 124 additions and 6 deletions
@@ -9,6 +9,23 @@
  width: fit-content;
 }

+/* Feedback visual al reordenar (secciones y elementos de una sección de
+   "Patrón"), aplicado dinámicamente desde js/dnd.js. */
+.dragging {
+  opacity: 0.6;
+  box-shadow: 0 10px 20px rgb(0 0 0 / 0.3);
+  transform: scale(1.03) rotate(-1deg);
+  cursor: grabbing;
+}
+
+/* Contenedor donde se está reordenando algo: lo marca como zona activa
+   mientras dura el arrastre. */
+.drop-target-active {
+  outline: 2px dashed #64908A;
+  outline-offset: 4px;
+  background-color: rgb(100 144 138 / 0.08);
+}
+
 /* En pantallas pequeñas, "Secciones" y "Vista previa" se comportan como
   pestañas: solo se muestra una a la vez (ver .tabs en index.html). A
   partir del breakpoint md ambos paneles se muestran siempre, lado a lado.