[GNUnet-SVN] [taler-merchant-frontends] 01/02: Centering tracks' popup, and fixing the "close button" position.

[gnunet]

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

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

commit 46bbf268a79a0093f56fdf5427f0bb0e60488233
Author: Marcello Stanisci <address@hidden>
AuthorDate: Tue Feb 28 16:05:47 2017 +0100

    Centering tracks' popup, and fixing the "close button" position.
---
 talerfrontends/blog/static/popup.css          | 14 ++++++--------
 talerfrontends/blog/templates/backoffice.html |  5 +++--
 2 files changed, 9 insertions(+), 10 deletions(-)

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