From 1dc626e305818c836819300b58f3e3ac8002a7b9 Mon Sep 17 00:00:00 2001
From: gerlofvanek <gerlof@particl.io>
Date: Tue, 11 Oct 2022 20:16:02 +0200
Subject: [PATCH] ui: Start of notifications (styling)

---
 basicswap/static/css/.DS_Store        | Bin 6148 -> 0 bytes
 basicswap/static/css/simple/style.css |  34 --------------------------
 basicswap/static/css/style.css        |   7 +++---
 basicswap/templates/header.html       |  10 +++++---
 4 files changed, 9 insertions(+), 42 deletions(-)
 delete mode 100644 basicswap/static/css/.DS_Store
 delete mode 100644 basicswap/static/css/simple/style.css

diff --git a/basicswap/static/css/.DS_Store b/basicswap/static/css/.DS_Store
deleted file mode 100644
index 290f9ffc989426b0f3633495fac1c9f1d3958695..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6148
zcmeHKyH3ME5S#@UL1|LbAo&X-@dqXf1vNi_94L@1r3e&s?)dC5`v4`jXerRFv^(D0
zowGcJ_YQz<-k)!Q6@UfZ5uYCB=5_a(UDS%B`5q6$e%BBCo_TCIW6T$v+hD*edK@PF
zJJ#06upnOHfH!=w`vq(4m`xaVGhqZxK?+C#DIf);fD|}UfHT`|u}oBy0#ZN<{3zi6
zhnDWx6^@DV>tOKXyVn~>H$KPFpV(I36^@Cl&@8FMq*`4utZojLbk@7-9}|-fi#Kzh
zdb8CH#p>c=ZM4I>L`5ke1<n<?%yi}R|DOKK{r{Y#ObSSWf2Dvm+sEyOpH#DT_HjOI
uTly3I+t?fJ3^9s{F^ZY^D84@FYyFw^u5e5YI@g0v)Iq>?kx7BSP~ZzXBqo6X

diff --git a/basicswap/static/css/simple/style.css b/basicswap/static/css/simple/style.css
deleted file mode 100644
index d650ab3..0000000
--- a/basicswap/static/css/simple/style.css
+++ /dev/null
@@ -1,34 +0,0 @@
-
-.padded_row td
-{
-  padding-top:1.5em;
-}
-
-.bold
-{
-  font-weight:bold;
-}
-
-.monospace
-{
-  font-family:monospace;
-}
-
-.floatright
-{
-  position:fixed;
-  top:10px;
-  right:18px;
-  margin: 0;
-  width:calc(33.33% - 25px);
-}
-
-.error
-{
-  background:#ff5b5b;
-}
-
-.error_msg
-{
-  color:red;
-}
diff --git a/basicswap/static/css/style.css b/basicswap/static/css/style.css
index 315996f..cf9f1b6 100644
--- a/basicswap/static/css/style.css
+++ b/basicswap/static/css/style.css
@@ -16,11 +16,10 @@
 
 .floatright
 {
-  position:fixed;
-  top:50px;
-  right:18px;
+  position: fixed;
+  top: 2em;
+  right: 2em;
   margin: 0;
-  width:calc(33.33% - 25px);
   z-index: 50;
 }
 
diff --git a/basicswap/templates/header.html b/basicswap/templates/header.html
index 182d3e4..71b7af9 100644
--- a/basicswap/templates/header.html
+++ b/basicswap/templates/header.html
@@ -658,21 +658,23 @@
 
       let event_message = 'Unknown event';
       if (json['event'] == 'new_offer') {
-          event_message = '<a href=/offer/' + json['offer_id'] + '>New offer</a>';
+          event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"> <div class="flex"> <div class="text-sm font-normal"> <div class="mb-1 text-sm font-semibold text-gray-900"> <a href=/offer/' + json['offer_id'] + '>New offer</a></div></div></div></div>';
       } else
       if (json['event'] == 'new_bid') {
-          event_message = '<a href=/bid/' + json['bid_id'] + '>New bid</a> on offer <a href=/offer/' + json['offer_id'] + '>' + json['offer_id'] + '</a>';
+          event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"> <div class="flex"> <div class="text-sm font-normal"> <div class="mb-1 text-sm font-semibold text-gray-900 "> <a href=/bid/' + json['bid_id'] + '>New bid</a> on offer</div><div class="mb-2 mt-2 text-sm"><a class="inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-blue-600 rounded-lg hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300" href=/offer/' + json['offer_id'] + '>' + json['offer_id'] + '</a></div></div>';
       } else
       if (json['event'] == 'bid_accepted') {
-          event_message = '<a href=/bid/' + json['bid_id'] + '>Bid accepted</a>';
+          event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"><div class="flex"><div class="text-sm font-normal"><div class="mb-1 text-sm font-semibold text-gray-900"><a href=/bid/' + json['bid_id'] + '>Bid accepted</a></div></div></div></div>';
       }
 
       let messages = document.getElementById('ul_updates'),
-          message = document.createElement('li');
+      message = document.createElement('li');
+
       message.innerHTML = event_message;
       messages.appendChild(message);
   };
   floating_div.appendChild(messages);
   document.body.appendChild(floating_div);
+
   </script>
   {% endif %}