From 56cde931d184d61118503fe2e158c39c90c4fd69 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Marek=20St=C4=99pniowski?= <marek@stepniowski.com>
Date: Wed, 10 Sep 2008 15:03:43 +0200
Subject: [PATCH 1/1] Columnized tag lists in templates.

---
 wolnelektury/media/css/master.css             | 32 +++++----
 .../templates/catalogue/book_detail.html      | 70 ++++++++++---------
 .../catalogue/tagged_object_list.html         | 17 ++---
 3 files changed, 62 insertions(+), 57 deletions(-)

diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css
index b86875aa0..4470b6cb3 100644
--- a/wolnelektury/media/css/master.css
+++ b/wolnelektury/media/css/master.css
@@ -174,7 +174,7 @@ em {
     margin-right: 29em;
 }
 
-#main-page #themes-list ul, #main-page #categories-list ul {
+#categories-list ul, #themes-list ul {
     -moz-column-width: 12em;
     -webkit-column-width: 12em;
     column-width: 12em;
@@ -191,10 +191,27 @@ em {
     border-right: 0.15em solid #E3D888;
 }
 
-#books #tags-list, #book-detail #tags-list {
+#tagged-object-list #tags-list, #book-detail #tags-list {
     margin-left: 39em;
 }
 
+#book-info, #categories-list {
+    float: left;
+    width: 47.5%;
+}
+
+#themes-list {
+    margin-left: 52.5%;
+}
+
+#tagged-object-list #categories-list, #book-detail #book-info {
+    width: 12em;
+}
+
+#tagged-object-list #themes-list, #book-detail #themes-list {
+    margin-left: 14em;
+}
+
 #tags-list ol, #tags-list ul {
     padding: 0;
     margin: 0.3em 0 1.2em 0;
@@ -206,15 +223,6 @@ em {
     margin: 0;
 }
 
-#main-page #categories-list {
-    float: left;
-    width: 47.5%;
-}
-
-#main-page #themes-list {
-    margin-left: 52.5%;
-}
-
 #books-list {
     width: 38em;
     float: left;
@@ -243,7 +251,7 @@ em {
     text-align: justify;
 }
 
-#toggle-description, #books .pagination {
+#toggle-description, #tagged-object-list .pagination {
     width: 100%;
     height: 1.5em;
     background-color: #EEE;
diff --git a/wolnelektury/templates/catalogue/book_detail.html b/wolnelektury/templates/catalogue/book_detail.html
index ff9278030..332dd337e 100644
--- a/wolnelektury/templates/catalogue/book_detail.html
+++ b/wolnelektury/templates/catalogue/book_detail.html
@@ -68,40 +68,44 @@
     </div>
         
     <div id="tags-list">
-        <h2>O utworze</h2>
-        <ul>
-            <li>
-                Autor: 
-                {% for tag in categories.author %}
-                <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
-                {% endfor %}
-            </li>
-            <li>
-                Epoka:
-                {% for tag in categories.epoch %}
-                <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
-                {% endfor %}
-            </li>
-            <li>
-                Rodzaj:
-                {% for tag in categories.kind %}
-                <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
-                {% endfor %}
-            </li>
-            <li>
-                Gatunek:
-                {% for tag in categories.genre %}
-                <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
-                {% endfor %}
-            </li>
-        </ul>
-        {% if categories.theme %}
-            <h2>Motywy w utworze</h2>
+        <div id="book-info">
+            <h2>O utworze</h2>
             <ul>
-            {% for theme in categories.theme %}
-                <li>{{ theme }}</li>
-            {% endfor %}
+                <li>
+                    Autor: 
+                    {% for tag in categories.author %}
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    {% endfor %}
+                </li>
+                <li>
+                    Epoka:
+                    {% for tag in categories.epoch %}
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    {% endfor %}
+                </li>
+                <li>
+                    Rodzaj:
+                    {% for tag in categories.kind %}
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    {% endfor %}
+                </li>
+                <li>
+                    Gatunek:
+                    {% for tag in categories.genre %}
+                    <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
+                    {% endfor %}
+                </li>
             </ul>
-        {% endif %}
+        </div>
+        <div id="themes-list">
+            {% if categories.theme %}
+                <h2>Motywy w utworze</h2>
+                <ul>
+                {% for theme in categories.theme %}
+                    <li>{{ theme }}</li>
+                {% endfor %}
+                </ul>
+            {% endif %}
+        </div>
     </div>
 {% endblock %}
\ No newline at end of file
diff --git a/wolnelektury/templates/catalogue/tagged_object_list.html b/wolnelektury/templates/catalogue/tagged_object_list.html
index cc902c739..b842cb44a 100644
--- a/wolnelektury/templates/catalogue/tagged_object_list.html
+++ b/wolnelektury/templates/catalogue/tagged_object_list.html
@@ -3,7 +3,7 @@
 
 {% block title %}{% title_from_tags tags %} w WolneLektury.pl{% endblock %}
 
-{% block bodyid %}books{% endblock %}
+{% block bodyid %}tagged-object-list{% endblock %}
 
 {% block extrahead %}
     <script type="text/javascript">
@@ -73,7 +73,7 @@
         {% paginate %}
     </div>
     <div id="tags-list">
-        <div class="dontsplit">
+        <div id="categories-list">
             {% if categories.set %}
                 <h2>Półki</h2>
                 <ul>
@@ -82,8 +82,6 @@
                 {% endfor %}
                 </ul>
             {% endif %}
-        </div>
-        <div class="dontsplit">
             {% if categories.author %}
                 <h2>Autorzy</h2>
                 <ul>
@@ -92,8 +90,6 @@
                 {% endfor %}
                 </ul>
             {% endif %}
-        </div>
-        <div class="dontsplit">
             {% if categories.epoch %}
                 <h2>Epoki</h2>
                 <ul>
@@ -102,8 +98,6 @@
                 {% endfor %}
                 </ul>
             {% endif %}
-        </div>
-        <div class="dontsplit">
             {% if categories.kind %}
                 <h2>Rodzaje</h2>
                 <ul>
@@ -112,8 +106,6 @@
                 {% endfor %}
                 </ul>
             {% endif %}
-        </div>
-        <div class="dontsplit">
             {% if categories.genre %}
                 <h2>Gatunki literackie</h2>
                 <ul>
@@ -121,9 +113,9 @@
                     <li><a href="{% catalogue_url tags genre %}">{{ genre }}&nbsp;({{ genre.count }})</a></li>
                 {% endfor %}
                 </ul>
-            {% endif %}
+            {% endif %}            
         </div>
-        <div class="dontsplit">
+        <div id="themes-list">
             {% if categories.theme %}
                 <h2>Motywy</h2>
                 <ul>
@@ -133,6 +125,7 @@
                 </ul>
             {% endif %}
         </div>
+        <div class="clearboth"></div>
     </div>
     <div id="set-window">
         <div class="header"><a href="#" class="jqmClose">Zamknij</a></div>
-- 
2.20.1