From 5004ad7311090de7e45f83647acc236d9e422c02 Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sun, 4 Mar 2018 15:11:57 +0100
Subject: [PATCH] Improved error animation
---
res/css/_animations.sass | 9 +++++++++
res/css/_content.sass | 2 +-
res/css/search.css | 10 +++++++++-
3 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/res/css/_animations.sass b/res/css/_animations.sass
index db3311c..d7466e6 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 469fefe..009ed3b 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 66ec6bb..f197eda 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;
--
GitLab