diff --git a/res/css/_animations.sass b/res/css/_animations.sass index db3311c0760d8bba0687bcfee15c5199daa42c2a..d7466e6b25b9367f311bf5f5f5a460cde10a16d7 100644 --- a/res/css/_animations.sass +++ b/res/css/_animations.sass @@ -7,6 +7,15 @@ margin-top: 0 opacity: 1 +@keyframes slidein_error + from + margin-top: 6rem + opacity: 0 + + to + margin-top: 4rem + opacity: 1 + @keyframes slidein_msg_before from margin-bottom: .5rem diff --git a/res/css/_content.sass b/res/css/_content.sass index 469fefed5395a9e5caafd6bdcc70077c43b9150f..009ed3b94963c41cea5997ee65738421ccbf2e68 100644 --- a/res/css/_content.sass +++ b/res/css/_content.sass @@ -19,7 +19,7 @@ height: 100% margin: 4rem animation-duration: 0.6s - animation-name: slidein + animation-name: slidein_error img max-width: 100% diff --git a/res/css/search.css b/res/css/search.css index 66ec6bb91aff4c0d864f812d62082360eef6fd3a..f197edaebeb5b707a990d31eec265a69ae88b317 100644 --- a/res/css/search.css +++ b/res/css/search.css @@ -952,7 +952,7 @@ body { height: 100%; margin: 4rem; animation-duration: 0.6s; - animation-name: slidein; } + animation-name: slidein_error; } .results .error img { max-width: 100%; } .results .error h1 { @@ -1274,6 +1274,14 @@ body { margin-top: 0; opacity: 1; } } +@keyframes slidein_error { + from { + margin-top: 6rem; + opacity: 0; } + to { + margin-top: 4rem; + opacity: 1; } } + @keyframes slidein_msg_before { from { margin-bottom: .5rem;