From: Antoine Cellerier <dionoea@videolan.org>
Date: Fri, 17 Mar 2006 23:13:47 +0000 (+0000)
Subject: Add small "close/hide" buttons on some of the dialogs
X-Git-Tag: 0.9.0-test0~11882
X-Git-Url: https://git.sesse.net/?a=commitdiff_plain;h=b7e8fac188e9482cfba0f614edfefe89006a8b58;p=vlc

Add small "close/hide" buttons on some of the dialogs
---

diff --git a/share/http/dialogs/browse b/share/http/dialogs/browse
index f41829fd38..70c1a8df71 100644
--- a/share/http/dialogs/browse
+++ b/share/http/dialogs/browse
@@ -29,6 +29,7 @@ This dialog needs the following dialogs to be fully functional: <none>
 <div id="browse" class="popup" style="display: none;">
   <div class="title">
     Browse
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('browse');"/>
   </div>
   <div id="browser">
     <a href="javascript:browse_dir(document.getElementById( 'browse_lastdir' ).value);">Click here to browse</a>
diff --git a/share/http/dialogs/input b/share/http/dialogs/input
index 51e28daf6b..9975633462 100644
--- a/share/http/dialogs/input
+++ b/share/http/dialogs/input
@@ -29,6 +29,7 @@ This dialog needs the following dialogs to be fully functional: browse
 <div id="input" class="dialog" style="display: none">
   <div class="title">
     Input
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('input');"/>
   </div>
   <div class="controls">
     <label for="input_mrl">Input (MRL)</label>
diff --git a/share/http/dialogs/main b/share/http/dialogs/main
index c27a16c1ea..3cac7c04ba 100644
--- a/share/http/dialogs/main
+++ b/share/http/dialogs/main
@@ -107,9 +107,7 @@ sout and playlist .
 <div id="info" class="dialog" style="display: none;" >
   <div class="title">
     Stream and media info
-    <button id="btn_info_hide" onclick="hide( 'info' );">
-      Hide
-    </button>
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('info');"/>
   </div>
   <div id="infotree">
   </div>
diff --git a/share/http/dialogs/playlist b/share/http/dialogs/playlist
index 1113e2b5bb..40ba0a0caa 100644
--- a/share/http/dialogs/playlist
+++ b/share/http/dialogs/playlist
@@ -28,6 +28,7 @@ This dialog needs the following dialogs to be fully functional: <none>
 <div id="playlist" class="dialog" >
   <div class="title">
     Playlist
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('playlist');"/>
   </div>
   <div class="controls">
     <!--<button id="btn_delete" onmouseover="button_over(this);" onmouseout="button_out(this);">
diff --git a/share/http/dialogs/sout b/share/http/dialogs/sout
index 9722b2a715..61ed37a6d4 100644
--- a/share/http/dialogs/sout
+++ b/share/http/dialogs/sout
@@ -30,6 +30,7 @@ Note that the sout chain is used and sent to VLC by the input dialog
 <div id="sout" class="dialog" style="display: none">
   <div class="title">
     Stream Output
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('sout');"/>
   </div>
   <div class="controls">
     <label for="sout_mrl">Destination (MRL)</label>
diff --git a/share/http/style.css b/share/http/style.css
index c080c30ab3..0b3534611c 100644
--- a/share/http/style.css
+++ b/share/http/style.css
@@ -26,6 +26,8 @@ body {
 	font-family: Arial, sans-serif;
 	font-size: 12pt;
 	text-align: center; /* Center on page - IE */
+	padding: 0px;
+	margin: 0px;
 }
 
 div {
@@ -142,7 +144,7 @@ div.popup {
 	border: solid #888 1px;
 	margin: 10px auto; /* Center on page - Firefox */
 	position: absolute;
-	z-index: 1;
+	z-index: 2;
 	font-size: 0.8em;
 }
 div#browse {
@@ -152,6 +154,7 @@ div#browse {
 div#browse div.title {
 	background-color: #008;
 }
+
 div#browser {
 	padding: 20px;
 }
@@ -199,3 +202,9 @@ div.menu button {
 	background: transparent;
 	border: 1px solid transparent;
 }
+
+div.popup img.close {
+	position: absolute;
+	right: 2px;
+	top: 2px;
+}