display fixes
[wolnelektury.git] / wolnelektury / templates / catalogue / fragment_short.html
index 1afdebb..b5921f2 100644 (file)
@@ -1,22 +1,26 @@
-<div class="fragment">
-    {# <div class="change-sets"> #}
-    {#     <a href="{% url catalogue.views.fragment_sets fragment.id %}" class="jqm-trigger">Półki</a> #}
-    {# </div> #}
-    {% if fragment.short_text %}
-    <div class='fragment-short-text'>
-        {{ fragment.short_text|safe }}
-        <a href="#">↓ Rozwiń fragment ↓</a>
+{% load i18n %}
+{% load book_title_html from catalogue_tags %} 
+
+<div class="cite {% if fragment.short_text %}fragment-with-short{% endif %}">
+       {% if fragment.short_text %}
+       <div class="fragment-short-text">
+       <blockquote class="cite-body">
+                       <a href="{{ fragment.get_absolute_url }}" class="fragment">
+                       {{ fragment.short_text|safe }}
+                       </a>
+           </blockquote>
+               <a href="#" class="toggle mono">↓ {% trans "Expand fragment" %} ↓</a>
     </div>
     {% endif %}
-    <div class="fragment-text" {% if fragment.short_text %}style="display:none;"{% endif %}>
+       <div class="fragment-long-text" {% if fragment.short_text %}style="display:none;"{% endif %}>
+    <blockquote class="cite-body fragment-text">
+               <a href="{{ fragment.get_absolute_url }}" class="fragment">
         {{ fragment.text|safe }}
-        {% if fragment.short_text %}
-            <a href="#">↑ Zwiń fragment ↑</a>
-        {% endif %}
+               </a>
+    </blockquote>
+               {% if fragment.short_text %}
+               <a href="#" class="toggle mono">↑ {% trans "Hide fragment" %} ↑</a>
+               {% endif %}
     </div>
-    <div class="fragment-metadata">
-        <p><a href="{{ book.get_absolute_url }}">{{ book.title }}</a>, {{ book_authors|join:","|safe }}
-           <a href="{{ fragment.get_absolute_url }}">(Zobacz w utworze)</a></p>
-    </div>
-    <div class="clearboth"></div>
+<p class="mono source">{% book_title_html fragment.book %}</p>
 </div>