wider menu in book/picture viewers
authorJan Szejko <janek37@gmail.com>
Tue, 9 May 2017 13:35:29 +0000 (15:35 +0200)
committerJan Szejko <janek37@gmail.com>
Tue, 9 May 2017 13:35:29 +0000 (15:35 +0200)
src/catalogue/templates/catalogue/book_text.html
src/catalogue/templates/catalogue/viewer_base.html
src/picture/templates/picture/picture_viewer.html
src/wolnelektury/static/scss/book_text/const.scss
src/wolnelektury/static/scss/book_text/menu.scss

index 5a6db11..629cb5b 100644 (file)
@@ -11,8 +11,8 @@
 {% block menu %}
   <li>
     <a href="{{ book.get_absolute_url }}" id="menu-book" data-box="book-short">
-      <img src="{% if book.cover_thumb %}{% thumbnail book.cover_thumb '80x111' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover_thumb.url }}{% endthumbnail %}{% endif %}"
-           width="80" height="111"
+      <img src="{% if book.cover_thumb %}{% thumbnail book.cover_thumb '240x332' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover_thumb.url }}{% endthumbnail %}{% endif %}"
+           width="120" height="166"
            alt="{{ book.pretty_title }}"
            title="{{ book.pretty_title }}">
     </a>
index 3a8372a..6e86b5f 100644 (file)
@@ -23,7 +23,7 @@
         <li><a href="#" id="menu-toggle-off"></a></li>
         <li>
           <a href="/">
-            <img src="{% static 'img/logo-neon.png' %}" width="80"
+            <img src="{% static 'img/logo-neon.png' %}" width="120"
                  alt="Wolne Lektury"
                  title="Wolne Lektury">
           </a>
index 75be359..bfa87b7 100644 (file)
@@ -42,8 +42,8 @@
 
   <li>
     <a href="{{ picture.get_absolute_url }}" id="menu-book" data-box="book-short">
-      <img src="{% thumbnail picture.image_file '80x200' as thumb %}{{ thumb.url }}{% empty %}{{ picture.image_file.url }}{% endthumbnail %}"
-           width="80"
+      <img src="{% thumbnail picture.image_file '120x300' as thumb %}{{ thumb.url }}{% empty %}{{ picture.image_file.url }}{% endthumbnail %}"
+           width="120"
            alt="{{ picture.pretty_title }}"
            title="{{ picture.pretty_title }}">
     </a>
@@ -60,7 +60,7 @@
 
   <li id="sponsors">
     {% for sponsor in sponsors %}
-      {% thumbnail sponsor.logo "80x200" as logo %}
+      {% thumbnail sponsor.logo "120x300" as logo %}
         <a href="{{ sponsor.url }}" target="_blank"><img src="{{ logo.url }}" alt="{{ sponsor.name }}" /></a>
       {% endthumbnail %}
     {% endfor %}
index 26fcfed..140b56a 100644 (file)
     @extend %menu-toggle;
     height: 24px;
     &:before {
-        left: 25px;
-        right: 25px;
+        left: 45px;
+        right: 45px;
     }
 }
 
 
 #menu {
     display: none;
-    width: 80px;
+    width: $W_MENU;
     height: 100%;
 }