From 31bd7633d7799b1cadc6cacc214cdff9789fb89e Mon Sep 17 00:00:00 2001 From: koehr Date: Thu, 6 Jan 2022 11:53:09 +0100 Subject: [PATCH] nicer dragndrop animation --- src/app.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/app.css b/src/app.css index a62e522..d3e0bf4 100644 --- a/src/app.css +++ b/src/app.css @@ -234,6 +234,7 @@ h1 { align-items: center; position: relative; padding: .5em 1em 0; + transition: padding .2s ease-out; } .satellite-list-entry.dragging { @@ -253,7 +254,6 @@ h1 { position: absolute; width: 100%; height: 2em; - margin-top: 6em; border: 1px solid white; text-align: center; line-height: 2em; @@ -261,6 +261,9 @@ h1 { .satellite-list-entry.dragover::before { margin-top: -6em; } +.satellite-list-entry.dragunder::after { + margin-top: 6em; +} .satellite-list-entry > .options { flex: 0 0 auto;