X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/8238800ebe93f0f67ef359ad51d198642db14edf..d30c85700a77653b48a5c28b5242dbe22b99a174:/project/templates/explorer/file_html.html?ds=sidebyside

diff --git a/project/templates/explorer/file_html.html b/project/templates/explorer/file_html.html
index f3fe1876..23a13679 100644
--- a/project/templates/explorer/file_html.html
+++ b/project/templates/explorer/file_html.html
@@ -10,6 +10,14 @@
                 });
             });
             
+            function resizePanels() {
+                $('#images-wrap').height($(window).height() - 80);
+                $('#file-text').height($(window).height() - 80);
+            }
+            
+            $(window).resize(resizePanels)
+            resizePanels();
+            
             $('#images').lazyload('.image-box', {threshold: 600});
         });
     </script>
@@ -20,8 +28,13 @@
 {% block maincontent %}
     <div id="tabs"><a href="{% url file_xml hash %}">Źródło</a><a href="{% url file_html hash %}" class="active">HTML</a><div style="padding: 3px; margin-left: 10px">{{ image_folders_form.folders }}</div><div style="clear: both; height: 0; width: 0">&nbsp;</div></div>    
 
-    <div id="images">
-        <p>Aby zobaczyć obrazki wybierz folder z obrazkami powyżej.</p>
+    <div id="sidebar">
+        <div id="images-wrap">
+            <div id="images">
+                <p>Aby zobaczyć obrazki wybierz folder z obrazkami powyżej.</p>
+            </div>
+        </div>
+        <div id="toggle-sidebar"></div>
     </div>
     <div id="file-text">
     {{ object|safe }}