Add small "close/hide" buttons on some of the dialogs
authorAntoine Cellerier <dionoea@videolan.org>
Fri, 17 Mar 2006 23:13:47 +0000 (23:13 +0000)
committerAntoine Cellerier <dionoea@videolan.org>
Fri, 17 Mar 2006 23:13:47 +0000 (23:13 +0000)
share/http/dialogs/browse
share/http/dialogs/input
share/http/dialogs/main
share/http/dialogs/playlist
share/http/dialogs/sout
share/http/style.css

index f41829f..70c1a8d 100644 (file)
@@ -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>
index 51e28da..9975633 100644 (file)
@@ -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>
index c27a16c..3cac7c0 100644 (file)
@@ -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>
index 1113e2b..40ba0a0 100644 (file)
@@ -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);">
index 9722b2a..61ed37a 100644 (file)
@@ -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>
index c080c30..0b35346 100644 (file)
@@ -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;
+}