Merge remote-tracking branch 'zawadzki/new-design'
authorRadek Czajka <rczajka@rczajka.pl>
Tue, 15 Feb 2022 08:00:09 +0000 (09:00 +0100)
committerRadek Czajka <rczajka@rczajka.pl>
Tue, 15 Feb 2022 08:00:09 +0000 (09:00 +0100)
1  2 
src/catalogue/templates/catalogue/2021/book_detail.html

@@@ -30,7 -30,7 +30,7 @@@
          </a>
          <div class="l-naviagion__search">
            <form action="/szukaj/">
 -            <input name="q" type="text" placeholder="szukaj tytułu, autora, motywów…">
 +            <input id="search" name="q" type="text" placeholder="szukaj tytułu, autora, motywów…" autocomplete="off" data-source="/szukaj/hint/?max=10">
            </form>
          </div>
          <div class="l-navigation__actions">
                {% endif %}
              </div>
  
-             <h3>Opis</h3>
-             {{ book.abstract|safe }}
+             <div class="l-article__overlay" data-max-height="327">
+               <h3>Opis</h3>
+               {{ book.abstract|safe }}
+               <h4>Spis treści:</h4>
+               <ul>
+                 <li>Dziady. Poema</li>
+                 <li>Przedmowa</li>
+                 <li>Upiór</li>
+                 <li>Dziady, część II</li>
+                 <li>Dziady, część IV</li>
+                 <li>Dziady, część III</li>
+                 <li>Dziady. Widowisko, część I</li>
+               </ul>
+             </div>
+             <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
            </article>
          </div>
        </section>
                  {% endif %}
                  <article class="l-author__info">
                    <h3>{{ author.name }}</h3>
-                   {{ author.description|safe }}
+                   <div class="l-article__overlay" data-max-height="327">
+                     {{ author.description|safe }}
+                   </div>
+                   <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
                  </article>
                </div>
              </div>
                </div>
              </div>
            </div>
-         </div>
        </section>
        {% endfor %}
  
  
      <script src="{% static '2022/scripts/vendor.js' %}"></script>
      <script src="{% static '2022/scripts/main.js' %}"></script>
 +
 +    {% javascript '2022' %}
      {% javascript '2022_player' %}
    </body>
  </html>