2025-summer/team-3
12
Fork 0
Code Issues Pull requests Projects Releases Activity

add overflow: auto only at the end of show animation

Browse source
This commit is contained in:
Laura Klünder 2017-11-22 19:16:24 +01:00
parent d757c71d78
commit cd56100fe9
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/c3nav/site/static/site/css/c3nav.css
View file

@ -183,8 +183,21 @@ section.details {
max-height: 100vh; max-height: 100vh;
transition: max-height 150ms, opacity 50ms; transition: max-height 150ms, opacity 50ms;
transition-timing-function: ease-in; transition-timing-function: ease-in;
animation: show-details-body;
animation-duration: 160ms;
opacity: 1; opacity: 1;
} }
@keyframes show-details-body {
from {
overflow: hidden;
}
99% {
overflow: hidden;
}
to {
overflow: auto;
}
}
#location-details .details-body { #location-details .details-body {
padding: 0 10px; padding: 0 10px;
@ -221,9 +234,6 @@ main.show-details .buttons .details .material-icons {
main.show-details #resultswrapper .details { main.show-details #resultswrapper .details {
animation: show-details; animation: show-details;
animation-duration: 150ms; 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; animation-timing-function: ease-out;
} }
@keyframes show-details { @keyframes show-details {