1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
| .drag-container { padding: 0; }
.drag-container .item { border: var(--border); margin-top: 12px; padding: 12px; }
.drag-container .content { display: flex; flex-direction: row; }
.drag-container .container { padding: 6px 0; transition: padding 400ms linear; }
@media (prefers-reduced-motion) { .drag-container .container { transition: none; } }
.drag-container .handle { margin-right: 8px; cursor: move; }
.drag-container .drag-actions { height: 24px; }
.drag-container .drag-actions .message { display: none; }
.drag-container .drag-actions .form { display: block; }
.drag-container .drag-actions.no-changes .message { display: block; }
.drag-container .drag-actions.no-changes .form { display: none; }
.drag-container .drag-edit { display: none; }
/* readonly */ .drag-container.readonly .container { padding: 0; }
.drag-container.readonly .drag-edit { display: block; }
.drag-container.readonly .drag-actions { display: none; }
.drag-container.readonly .handle { display: none; }
.drag-container.readonly .remove { display: none; }
.drag-container.readonly .l { width: 100%; }
.drag-container.readonly .r { display: none; }
|