diff --git a/tl/resources/public/css/app.css b/tl/resources/public/css/app.css index 4c55d67..64bc4ca 100644 --- a/tl/resources/public/css/app.css +++ b/tl/resources/public/css/app.css @@ -680,48 +680,6 @@ html.dark .timeline-head { } } -/* --- drag an annotation to reparent it ---------------------------------- */ -/* Every valid drop target glows while a card is being dragged; the one under - the cursor fills. The dragged card itself dims. */ -@keyframes hc-drop { - 0%,100% { box-shadow: 0 0 0 1px var(--pick-a); } - 50% { box-shadow: 0 0 0 2px var(--pick-a), 0 0 12px 2px var(--pick-a); } -} -.ann[draggable="true"] { cursor: grab; } -.ann[draggable="true"]:active { cursor: grabbing; } -.ann.drop-ready { animation: hc-drop 1s ease-in-out infinite; } -.ann.drop-over { - animation: none; - background: color-mix(in srgb, var(--pick-a) 20%, var(--paper)); - box-shadow: 0 0 0 2px var(--pick-b), 0 0 16px 3px var(--pick-b); -} -.crumb.drop-ready { animation: hc-drop 1s ease-in-out infinite; } -.crumb.drop-over { - background: color-mix(in srgb, var(--pick-a) 28%, var(--paper)); - box-shadow: 0 0 0 2px var(--pick-b), 0 0 12px 2px var(--pick-b); -} -@media (prefers-reduced-motion: reduce) { - .ann.drop-ready, .crumb.drop-ready { animation: none; box-shadow: 0 0 0 2px var(--pick-a); } -} - -/* --- re-pick one mark endpoint / drag-reorder marks --------------------- */ -.pt-chip-x { - border: none; background: none; color: var(--mute); cursor: pointer; - font-size: 10px; padding: 0 2px; line-height: 1; flex: none; -} -.pt-chip-x:hover { color: var(--ink); } -.mark-grip { - cursor: grab; user-select: none; color: var(--mute); - padding: 0 2px; font-size: 13px; line-height: 1; flex: none; align-self: center; -} -.mark-grip:active { cursor: grabbing; } -.mark-block.dragging { opacity: 0.4; } -.mark-block.drop-before { position: relative; } -.mark-block.drop-before::before { - content: ""; position: absolute; left: 0; right: 0; top: -3px; height: 2px; - background: var(--pick-b); box-shadow: 0 0 6px 1px var(--pick-b); -} - /* iOS Safari zooms the page when focusing a control with font-size < 16px. On touch devices bump every form control to 16px so tapping never zooms. */ @media (pointer: coarse) {