Galeria skanów jest domyślnie zamknięta.

diff --git a/project/static/css/master.css b/project/static/css/master.css
index aeb1f09..f1b48d9 100644 (file)
--- a/project/static/css/master.css
+++ b/project/static/css/master.css
@@ -75,7 +75,7 @@ label {
 }
 
 #images-wrap {
 }
 
 #images-wrap {

-    width: 480px;
+    width: 0px;

     height: 480px;
     border-right: 1px solid #999;
     overflow-y: scroll;
     height: 480px;
     border-right: 1px solid #999;
     overflow-y: scroll;


@@ -86,16 +86,22 @@ label {
 
 #sidebar {
     float: left;
 
 #sidebar {
     float: left;

-    width: 488px;
+    width: 8px;
+    overflow: hidden;

 }
 
 #toggle-sidebar {
 }
 
 #toggle-sidebar {

-    background-color: #999;
+    background-color: #DDD;

     width: 7px;
     height: 100%;
     float: left;
 }
 
     width: 7px;
     height: 100%;
     float: left;
 }
 

+#toggle-sidebar:hover {
+    background-color: #999;
+    cursor: pointer;
+}
+

 #status-bar {
     border-top: 1px solid #999;
     background-color: #EEE;
 #status-bar {
     border-top: 1px solid #999;
     background-color: #EEE;

diff --git a/project/templates/explorer/file_xml.html b/project/templates/explorer/file_xml.html
index 350d078..4efd697 100644 (file)
--- a/project/templates/explorer/file_xml.html
+++ b/project/templates/explorer/file_xml.html
@@ -27,13 +27,13 @@
             }
             
             $('#toggle-sidebar').toggle(function() {
             }
             
             $('#toggle-sidebar').toggle(function() {

-                $('#images-wrap').width(0);
-                $('#sidebar').width(8);
-                resizePanels();
-            }, function() {

                 $('#images-wrap').width(480);
                 $('#sidebar').width(488);
                 resizePanels();
                 $('#images-wrap').width(480);
                 $('#sidebar').width(488);
                 resizePanels();

+            }, function() {
+                $('#images-wrap').width(0);
+                $('#sidebar').width(8);
+                resizePanels();

             })
             
             $(window).resize(function() {
             })
             
             $(window).resize(function() {