From 0b3fe23cd371548cb76f6665334955e192e2422a Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Thu, 27 Feb 2025 17:36:22 +0100
Subject: [PATCH] pop up moves

---
 src/public/css/seca.css         |  8 +++++++-
 src/public/javascript/offers.js | 10 ++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/public/css/seca.css b/src/public/css/seca.css
index d928f4b..f847728 100644
--- a/src/public/css/seca.css
+++ b/src/public/css/seca.css
@@ -56,7 +56,13 @@
   justify-content: space-evenly;
   align-items: center;
   left: 50%;
-    transform: translateX(-50%);
+  transform: translate(-50%, -200%);
+  transition: transform 1s ease-in-out;
+
+}
+
+.top-notification-good.revealed {
+  transform: translate(-50%, 0%);
 }
 .top-notification-good > * {
   margin: 0 20px;
diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js
index 3a73d12..3f15f18 100644
--- a/src/public/javascript/offers.js
+++ b/src/public/javascript/offers.js
@@ -43,6 +43,8 @@ const bigNotesAcceptedCheckbox = document.getElementById(
 
 const publishOfferButton = document.getElementById('button-submit-offer');
 
+const offerCreatedPopup = document.getElementById('offer-created-confirmation');
+
 function toggleCreateOfferControls() {
   createOfferControls.style.display =
     createOfferControls.style.display === 'block' ? 'none' : 'block';
@@ -154,6 +156,14 @@ async function publishOffer() {
     },
     body: JSON.stringify({ offerDetails }),
   });
+
+  offerCreatedPopup.classList.add('revealed');
+  setTimeout(() => {
+    offerCreatedPopup.classList.remove('revealed');
+  }, 3000);
+  setTimeout(() => {
+    offerCreatedPopup.classList.remove('revealed');
+  }, 3000);
 }
 
 buttonStartCreateOffer.addEventListener('click', () => {