Moved message component to appear at the bottom (#227)

* moved `message` component to appear at the bottom * build files
pimcore · Apr 30, 2024 · 7a53da7 · 7a53da7
1 parent 9951850
commit 7a53da7
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 3 deletions.
diff --git a/assets/css/globals.css b/assets/css/globals.css
@@ -18,3 +18,31 @@
 * {
   box-sizing: border-box;
 }
+
+/** MESSAGE **/
+.ant-message {
+  position: absolute;
+  bottom: 20px !important;
+  top: unset !important;
+}
+
+@keyframes moveUp {
+  0% {
+      transform: translateY(+30%);
+      opacity: 0;
+  }
+  100% {
+      transform: translateY(0);
+      opacity: 1;
+  }
+}
+
+.ant-message .ant-message-move-up-appear,
+.ant-message .ant-message-move-up-enter {
+  animation-name: moveUp;
+}
+
+.ant-message .ant-message-move-up-leave {
+  animation-name: moveUp;
+  animation-direction: reverse;
+}
diff --git a/public/build/entrypoints.json b/public/build/entrypoints.json
@@ -6,7 +6,7 @@
         "/bundles/pimcorestudioui/build/main.db779347.js"
       ],
       "css": [
-        "/bundles/pimcorestudioui/build/main.3691bcd8.css"
+        "/bundles/pimcorestudioui/build/main.68ad8b69.css"
       ]
     }
   }