infobox shadow

4 files changed, 45 insertions, 26 deletions

diff --git a/backend.php b/backend.php
index 9f328bf43..cd05898f3 100644
--- a/backend.php
+++ b/backend.php
@@ -1011,7 +1011,7 @@
 			FROM 
 				ttrss_feeds WHERE owner_uid = '".$_SESSION["uid"]."' ORDER by title");
 
-		print "<div id=\"infoBox\">PLACEHOLDER</div>";
+		print "<div id=\"infoBoxShadow\"><div id=\"infoBox\">PLACEHOLDER</div></div>";
 
 		print "<p><table width=\"100%\" class=\"prefFeedList\" id=\"prefFeedList\">";
 		print "<tr class=\"title\">
@@ -1978,7 +1978,7 @@
 				ttrss_users
 			ORDER by login");
 
-		print "<div id=\"infoBox\">PLACEHOLDER</div>";
+		print "<div id=\"infoBoxShadow\"><div id=\"infoBox\">PLACEHOLDER</div></div>";
 
 		print "<p><table width=\"100%\" class=\"prefUserList\" id=\"prefUserList\">";
 
diff --git a/images/shadow.png b/images/shadow.png
new file mode 100644
index 000000000..e4ce11d31
--- /dev/null
+++ b/images/shadow.png
diff --git a/prefs.js b/prefs.js
index 0207fcea1..4f3786fcb 100644
--- a/prefs.js
+++ b/prefs.js
@@ -120,11 +120,17 @@ function userlist_callback() {
 }
 
 function infobox_callback() {
-	var container = document.getElementById('infoBox');
 	if (xmlhttp.readyState == 4) {
-		if (container) {
-			container.innerHTML=xmlhttp.responseText;
-			container.style.display = "block";
+		var box = document.getElementById('infoBox');
+		var shadow = document.getElementById('infoBoxShadow');
+
+		if (box) {
+			box.innerHTML=xmlhttp.responseText;
+			if (shadow) {
+				shadow.style.display = "block";
+			} else {
+				box.style.display = "block";
+			}
 		}
 	}
 }
@@ -1121,6 +1127,12 @@ function dispOptionHelp(event, sender) {
 } */
 
 function closeInfoBox() {
-	var d = document.getElementById('infoBox');
-	d.style.display = "none";
+	var box = document.getElementById('infoBox');
+	var shadow = document.getElementById('infoBoxShadow');
+
+	if (shadow) {
+		shadow.style.display = "none";
+	} else if (box) {
+		box.style.display = "none";
+	}
 }
diff --git a/tt-rss.css b/tt-rss.css
index 5b50b6f78..0e919c10b 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -425,15 +425,38 @@ div.helpResponse {
 	border : 1px solid #f0f0f0;
 }
 
+#infoBox {
+	border : 1px solid #c0c0c0;
+	padding-bottom : 10px;
+	font-size : small;
+	position : relative;
+	bottom : 2px;
+	right : 2px;
+	background-color : white;
+}
+
+#infoBoxShadow {
+	background-image : url("images/shadow.png");
+	position : absolute;
+	margin-left : 30%;
+	width : 30%;
+	z-index : 3;
+	display : none;
+}
+
 div.infoBoxContents {
 	background-image : url("images/vgrad_light_rev2.png");
 	background-position : top left;
 	background-repeat : repeat-x;
 	padding : 5px;
-	margin-bottom : 10px;
-	border : 1px solid #f0f0f0;
+	margin-bottom : 5px;
+}
+
+div.infoBoxContents td {
+	font-size : small;
 }
 
+
 div.helpResponse h1, div.infoBoxContents h1 {
 	border-width : 0px 0px 1px 0px;
 	border-style : solid;
@@ -581,22 +604,6 @@ table.innerLoginForm td {
 	padding : 3px 3px 5px 3px;
 }
 
-#infoBox {
-	position : absolute;
-	margin-left : 30%;
-	background-color : white;
-	width : 30%;
-	z-index : 3;
-	border : 1px solid #c0c0c0;
-	padding-bottom : 10px;
-	display : none;
-	font-size : small;
-}
-
-div.infoBoxContents td {
-	font-size : small;
-}
-
 div.small, p.small {
 	font-size : x-small;
 }