Browse Source

Do not force images to 100% width (#468)

* set image block and cover image on pages to original aspect ratio image
* add block on article pages to override hero image.
Roxanna Coldiron 3 years ago
parent
commit
bd29b2003e

+ 2 - 2
coderedcms/templates/coderedcms/blocks/image_block.html

@@ -1,8 +1,8 @@
 {% load wagtailimages_tags %}
 
-{% image self.image max-1000x1000 as self_image %}
+{% image self.image max-2000x2000 as self_image %}
 
 <img src="{{self_image.url}}"
-class="w-100 {{self.settings.custom_css_class}}"
+class="img-fluid {{self.settings.custom_css_class}}"
 {% if self.settings.custom_id %}id="{{self.settings.custom_id}}"{% endif %}
 alt="{{self_image.image.title}}" />

+ 1 - 1
coderedcms/templates/coderedcms/blocks/image_link_block.html

@@ -6,6 +6,6 @@
         data-ga-event-label='{{self.settings.ga_tracking_event_label|default:self.alt_text}}'
     {% endif %}
     title="{{ self.alt_text|safe }}" {% if self.settings.custom_id %}id="{{ self.settings.custom_id }}" {% endif %}>
-    {% image self.image max-1000x1000 as self_image %}
+    {% image self.image max-2000x2000 as self_image %}
     <img src="{{self_image.url}}" class="img-fluid {{self.settings.custom_css_class}}" alt="{{self.alt_text|safe}}" />
 </a>

+ 2 - 0
coderedcms/templates/coderedcms/pages/article_page.html

@@ -4,10 +4,12 @@
 
 {% block content %}
     <article class="codered-article {%if self.cover_image %}has-img{% endif %}">
+        {% block cover_image %}
         {% if self.cover_image %}
         {% image self.cover_image fill-2000x1000 as cover_image %}
         <img src="{{cover_image.url}}" class="w-100" />
         {% endif %}
+        {% endblock %}
         <div class="container">
             <div class="article-header">
                 <h1 {% if not self.cover_image %}class="mt-5"{% endif %}>{{ self.title }}</h1>