nicer dragndrop animation

2 years ago · 31bd7633d7
parent 0e3653f298
commit 31bd7633d7
1 changed files with 4 additions and 1 deletions
--- 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;