center infobox on screen

diff --git a/functions.js b/functions.js
index 58ef1bfc7b1b3cc803791637976ec99d9c588edd..92bcc3bf9940c12fad455c6fe48014dde32db2fc 100644 (file)
--- a/functions.js
+++ b/functions.js
@@ -868,3 +868,20 @@ function leading_zero(p) {
        if (s.length == 1) s = "0" + s;
        return s;
 }
+
+function center_element(e) {
+       var c_width = document.body.clientWidth;
+       var c_height = document.body.clientHeight;
+
+       var c_scroll = document.body.scrollTop;
+
+       var e_width = e.clientWidth;
+       var e_height = e.clientHeight;
+
+       var set_y = (c_height / 2) + c_scroll - (e_height / 2);
+       var set_x = (c_width / 2) - (e_width / 2);
+
+       e.style.top = set_y + "px";
+       e.style.left = set_x + "px";
+       
+}

diff --git a/prefs.js b/prefs.js
index 1d410fd60f1b1137b38c691c9908534ee1715ba3..1f74ae83d41bf7a9c83a630fdf908d15d75f4e74 100644 (file)
--- a/prefs.js
+++ b/prefs.js
@@ -149,11 +149,11 @@ function infobox_callback() {
        if (xmlhttp.readyState == 4) {
                var box = document.getElementById('infoBox');
                var shadow = document.getElementById('infoBoxShadow');
-
-               if (box) {
-                       box.innerHTML=xmlhttp.responseText;
+               if (box) {                      
+                       box.innerHTML=xmlhttp.responseText;                     
                        if (shadow) {
                                shadow.style.display = "block";
+                               center_element(shadow);
                        } else {
                                box.style.display = "block";                            
                        }

diff --git a/tt-rss.css b/tt-rss.css
index 0e2a263f93541f77610278837402718d19d984dc..6c85c713c48bc09635c4593a964ca28b906e9efe 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -554,11 +554,9 @@ div.helpResponse {
 #infoBoxShadow {
        background-image : url("images/shadow.png");
        position : absolute;
-       margin-left : 30%;
        width : 30%;
        z-index : 3;
        display : none;
-       top : 30%;
 }
 
 div.infoBoxContents {