Make the user message disappear after 5 secs

GeoNode · Jun 12, 2019 · add3df7 · add3df7
1 parent ab9da36
commit add3df7
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 7 deletions.
diff --git a/geonode/static/geonode/css/base.css b/geonode/static/geonode/css/base.css
diff --git a/geonode/static/geonode/less/base.less b/geonode/static/geonode/less/base.less
@@ -7,8 +7,33 @@
 div#user_messages {
   position: absolute;
   width: 500px;
-  margin-top: 80px;
-  right: 300px;
+  bottom: 20px;
+  left: 40px;
+  z-index: 9999;
+  -moz-animation: msgDisappear 0s ease-in 5s forwards;
+  -webkit-animation: msgDisappear 0s ease-in 5s forwards;
+  -o-animation: msgDisappear 0s ease-in 5s forwards;
+  animation: msgDisappear 0s ease-in 5s forwards;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+}
+@keyframes msgDisappear {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+@-webkit-keyframes msgDisappear {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
 }
 
 body {
@@ -729,10 +754,6 @@ article.tab-pane {
   background: white;
   color: @text-color;
 
-  small {
-    word-wrap: break-word;
-  }
-
   .group-logo {
     margin: 0.5em;
     padding: 0;