[GNUnet-SVN] [taler-merchant-frontends] branch master updated (45b7ad5 -> fac305e)

[gnunet]

This is an automated email from the git hooks/post-receive script.

marcello pushed a change to branch master
in repository merchant-frontends.

    from 45b7ad5  Appending rows to tbody element.
     new 46bbf26  Centering tracks' popup, and fixing the "close button" 
position.
     new fac305e  Trimming long strings shown in popup.

The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Summary of changes:
 talerfrontends/blog/static/backoffice.js      |  4 ++--
 talerfrontends/blog/static/popup.css          | 14 ++++++--------
 talerfrontends/blog/templates/backoffice.html |  5 +++--
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/talerfrontends/blog/static/backoffice.js 
b/talerfrontends/blog/static/backoffice.js
index cd6cd00..237e08a 100644
--- a/talerfrontends/blog/static/backoffice.js
+++ b/talerfrontends/blog/static/backoffice.js
@@ -78,9 +78,9 @@ function track_order(order_id, instance){
         for(var j=0; j<entry.coins.length; j++){
           var coin = entry.coins[j];
           var row = document.createElement("tr");
-          row.innerHTML = `<td>${entry.wtid}</td>
+          row.innerHTML = `<td>${entry.wtid.substring(0, 8)}...</td>
             <td>${amount_to_string(coin.amount_with_fee)}</td>
-            <td>${coin.coin_pub}</td>
+            <td>${coin.coin_pub.substring(0, 8)}...</td>
             <td>${parse_date(entry.execution_time)}</td>`;
           //console.log(row.outerHTML);
           table.appendChild(row);
diff --git a/talerfrontends/blog/static/popup.css 
b/talerfrontends/blog/static/popup.css
index a922077..234939f 100644
--- a/talerfrontends/blog/static/popup.css
+++ b/talerfrontends/blog/static/popup.css
@@ -9,21 +9,18 @@
   visibility: hidden;
   opacity: 0;
 }
-/*
-To be done via JS.
-.overlay:target {
-  visibility: visible;
-  opacity: 1;
-}*/
 
 .popup {
   margin: 70px auto;
   padding: 20px;
   background: #fff;
   border-radius: 5px;
-  width: 30%;
   position: relative;
   transition: all 5s ease-in-out;
+  left: 50%;
+  top: 20%;
+  transform: translate(-50%, -50%);
+  display: inline-block;
 }
 
 .popup h2 {
@@ -33,7 +30,7 @@ To be done via JS.
 }
 .popup .close {
   position: absolute;
-  top: 20px;
+  top: 10px;
   right: 30px;
   transition: all 200ms;
   font-size: 30px;
@@ -47,6 +44,7 @@ To be done via JS.
 .popup .track-content {
   max-height: 30%;
   overflow: auto;
+  display: inline-block;
 }
 
 @media screen and (max-width: 700px){
diff --git a/talerfrontends/blog/templates/backoffice.html 
b/talerfrontends/blog/templates/backoffice.html
index ae76c32..67ef93d 100644
--- a/talerfrontends/blog/templates/backoffice.html
+++ b/talerfrontends/blog/templates/backoffice.html
@@ -16,8 +16,9 @@
   </table>
   <div id="popup1" class="overlay">
     <div class="popup">
-      <h2>Tracks</h2>
-      <a class="close" href="/backoffice">&times;</a>
+      <h2>
+        <a class="close" href="/backoffice">&times;</a>
+      </h2>
       <div class="track-content">
         <table>
           <tbody>

-- 
To stop receiving notification emails like this one, please contact
address@hidden