From cd56100fe9594078988abc64003950fca0bbf13a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laura=20Kl=C3=BCnder?= <laura@codingcatgirl.de>
Date: Wed, 22 Nov 2017 19:16:24 +0100
Subject: [PATCH] add overflow: auto only at the end of show animation

---
 src/c3nav/site/static/site/css/c3nav.css | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/c3nav/site/static/site/css/c3nav.css b/src/c3nav/site/static/site/css/c3nav.css
index ceeacaa0..97d12f96 100644
--- a/src/c3nav/site/static/site/css/c3nav.css
+++ b/src/c3nav/site/static/site/css/c3nav.css
@@ -183,8 +183,21 @@ section.details {
     max-height: 100vh;
     transition: max-height 150ms, opacity 50ms;
     transition-timing-function: ease-in;
+    animation: show-details-body;
+    animation-duration: 160ms;
     opacity: 1;
 }
+@keyframes show-details-body {
+    from {
+        overflow: hidden;
+    }
+    99% {
+        overflow: hidden;
+    }
+    to {
+        overflow: auto;
+    }
+}
 
 #location-details .details-body {
     padding: 0 10px;
@@ -221,9 +234,6 @@ main.show-details .buttons .details .material-icons {
 main.show-details #resultswrapper .details {
     animation: show-details;
     animation-duration: 150ms;
-    -webkit-animation-timing-function: ease-out;
-    -moz-animation-timing-function: ease-out;
-    -o-animation-timing-function: ease-out;
     animation-timing-function: ease-out;
 }
 @keyframes show-details {