Drag and drop con ordenamiento
Contenido del curso
Maquetando con Tailwind
Componentes interactivos con Angular CDK
Drag and drop
Modales y listas
Table CDK
Próximos pasos para completar el Clon de Trello
Drag and drop con ordenamiento
Contenido del curso
Drag and drop con ordenamiento
Ángel David Roque Ayala
Estudiante
Daniel Pacheco
Estudiante
Brenda Sutara
Estudiante
Kevin Bueno
Estudiante
Patrick Feeney
Estudiante
Elioenai Garcia
Estudiante
Reinaldo Mendoza
Estudiante
Vicente Benavides
EstudianteSi te genera un espacio extra al final del sitio puedes cambiar la clase "h-screen" por "h-full sm:h-auto sm:min-h-screen" es decir:
<div class="flex flex-col h-full sm:h-auto sm:min-h-screen">
no funciona en mobile para menores a 640px, asi funcionaria para todo:
<div class="flex flex-col min-h-screen">
Gracias Ángel, estaba luchando con eso. Lo solucioné como dijiste. Gracias nuevamente
Aporte
todos: ToDo[] = [ { id: '1', title: 'Make dishes' }, { id: '2', title: 'Buy a unicorn' }, { id: '2', title: 'Watch Angular Path in Platzi' } ];
styles: [ ` /* Animate items as they're being sorted. */ .cdk-drop-list-dragging .cdk-drag { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } /* Animate an item that has been dropped. */ .cdk-drag-animating { transition: transform 300ms cubic-bezier(0, 0, 0.2, 1); } ` ]
esto si, muy interesante
Hola @todos.
Sólo para aclarar en el min 8, cuando el profesor menciona tengo que hacer una función que escuche a ese evento más bien quiso decir un método 😉
😐Es lo mismo
excelente clase