[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[GNUnet-SVN] [taler-merchant-frontends] 01/02: Centering tracks' popup,
From: |
gnunet |
Subject: |
[GNUnet-SVN] [taler-merchant-frontends] 01/02: Centering tracks' popup, and fixing the "close button" position. |
Date: |
Tue, 28 Feb 2017 16:09:20 +0100 |
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">×</a>
+ <h2>
+ <a class="close" href="/backoffice">×</a>
+ </h2>
<div class="track-content">
<table>
<tbody>
--
To stop receiving notification emails like this one, please contact
address@hidden