add shadow to userDlg

4 files changed, 31 insertions, 21 deletions

diff --git a/backend.php b/backend.php
index f8b5c7034..1ffa40863 100644
--- 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 b3a7df42c..f6f3ae6c5 100644
--- 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 41e52c8fe..795c16453 100644
--- 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 91df6b009..55b06b56a 100644
--- 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">