add shadow to userDlg

diff --git a/backend.php b/backend.php
index f8b5c70347a3a84f5367cda78e0b68f94fe9c7cc..1ffa40863fc8ec9c71ea7abba2866b8b89286a3c 100644 (file)
--- a/backend.php
+++ b/backend.php
@@ -2099,7 +2099,8 @@
                $param = $_GET["param"];
 
                if ($id == "quickAddFeed") {
-                       print "Feed URL: <input 
+                       print "
+                       Feed URL: <input 
                        onblur=\"javascript:enableHotkeys()\" onfocus=\"javascript:disableHotkeys()\"
                        id=\"qafInput\">
                        <input class=\"button\"
@@ -2119,7 +2120,7 @@
 
                                $f_title = db_fetch_result($result, 0, "title");
                
-                               print "Remove current feed ($f_title)?&nbsp;
+                               print "Remove current feed (<b>$f_title</b>)?&nbsp;
                                <input class=\"button\"
                                        type=\"submit\" onclick=\"javascript:qfdDelete($param)\" value=\"Remove\">
                                <input class=\"button\"

diff --git a/tt-rss.css b/tt-rss.css
index b3a7df42c249067130aabec0ad355c306c1411d5..f6f3ae6c561b569b4ed9cdbeb4ed06e0e3637961 100644 (file)
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -463,6 +463,29 @@ div.helpResponse {
        border : 1px solid #f0f0f0;
 }
 
+#userDlgShadow {
+       z-index : 3;
+       position : absolute;
+       left : 30%;
+       top : 30%;
+       display : none;
+       background-image : url("images/shadow.png");
+}
+
+#userDlg {
+       background : #fffff0;
+       position : relative;
+       bottom : 2px;
+       right : 2px;
+       padding : 15px;
+       border : 1px solid #c0c0c0;
+}
+
+#qafInput {
+       width : 300px;
+}
+
+
 #infoBox {
        border : 1px solid #c0c0c0;
        padding-bottom : 10px;
@@ -513,21 +536,6 @@ pre {
        background : #f0f0f0;
 }
 
-#userDlg {
-       left : 400px;
-       top : 18px;
-       background : #fffff0;
-       z-index : 3;
-       position : absolute;
-       border : 1px solid #c0c0c0;
-       padding : 10px;
-       display : none;
-}
-
-#qafInput {
-       width : 300px;
-}
-
 input.extSearch {
        width : 200px;
 }

diff --git a/tt-rss.js b/tt-rss.js
index 41e52c8fe3e0bc4d9ac98d3406b29a71adcaa2cb..795c16453c22ed4fb10c69e139d880d79d46c20e 100644 (file)
--- a/tt-rss.js
+++ b/tt-rss.js
@@ -54,9 +54,10 @@ function dlg_frefresh_callback() {
 function dialog_refresh_callback() {
        if (xmlhttp.readyState == 4) {
                var dlg = document.getElementById("userDlg");
+               var dlg_s = document.getElementById("userDlgShadow");
 
                dlg.innerHTML = xmlhttp.responseText;
-               dlg.style.display = "block";
+               dlg_s.style.display = "block";
        } 
 }
 
@@ -476,7 +477,7 @@ function displayDlg(id, param) {
 }
 
 function closeDlg() {
-       var dlg = document.getElementById("userDlg");
+       var dlg = document.getElementById("userDlgShadow");
        dlg.style.display = "none";
 }
 

diff --git a/tt-rss.php b/tt-rss.php
index 91df6b00903c911c3e52fbe3b7fa3cab723e497c..55b06b56a6567b61654f094919a27938a34c4afe 100644 (file)
--- a/tt-rss.php
+++ b/tt-rss.php
@@ -61,7 +61,7 @@
                                <div id="notify"><span id="notify_body"></div>
                        </td>
 
-                       <div id="userDlg">&nbsp;</div>
+                       <div id="userDlgShadow"><div id="userDlg">&nbsp;</div></div>
 
                </tr><tr><td class="welcomePrompt">
                        <? if (!SINGLE_USER_MODE) { ?>
@@ -73,7 +73,7 @@
        </td>
 </tr>
 <? } else { ?>
-       <div id="userDlg">&nbsp;</div>
+       <div id="userDlgShadow"><div id="userDlg">&nbsp;</div></div>
 <? } ?>
 <tr>
        <td valign="top" rowspan="3" class="feeds">