app/templates/flash_messages.html

{% from "components/banner.html" import banner %}
{% with messages = get_flashed_messages(with_categories=true) %}
  {% if messages %}
    {% for category, message in messages %}
      <div class="bottom-gutter">
        {{ banner(
          message,
          'default' if ((category == 'default') or (category == 'default_with_tick')) else 'dangerous',
          delete_button="Yes, {}".format(category) if category in ['delete', 'suspend', 'resume', 'remove'] else None,
          with_tick=True if category == 'default_with_tick' else False
        )}}
      </div>
    {% endfor %}
  {% endif %}
{% endwith %}
Make spacing and position of banners consistent Banners should always be the first thing on the page. Because headers already have padding we don’t want to put padding on the container. So banners should also have top padding to distance then from the red bar. They should also sit in the 3/4 column if the page has side navigation. This commit adds a new template (`withoutnav_template.html`) which extends `admin_template.html`. All views then extend one or the other, never the `admin_template.html` directly. This means that `admin_template.html` doesn’t have to make decisions about where the flash messages are displayed. 2016-02-01 12:15:38 +00:00			`{% from "components/banner.html" import banner %}`
			`{% with messages = get_flashed_messages(with_categories=true) %}`
			`{% if messages %}`
			`{% for category, message in messages %}`
Add more spacing under the flash banner It was a bit too close to the page title, just felt like it needed room to breathe. 2017-04-18 13:14:40 +01:00			`<div class="bottom-gutter">`
			`{{ banner(`
			`message,`
			`'default' if ((category == 'default') or (category == 'default_with_tick')) else 'dangerous',`
			`delete_button="Yes, {}".format(category) if category in ['delete', 'suspend', 'resume', 'remove'] else None,`
			`with_tick=True if category == 'default_with_tick' else False`
			`)}}`
			`</div>`
Make spacing and position of banners consistent Banners should always be the first thing on the page. Because headers already have padding we don’t want to put padding on the container. So banners should also have top padding to distance then from the red bar. They should also sit in the 3/4 column if the page has side navigation. This commit adds a new template (`withoutnav_template.html`) which extends `admin_template.html`. All views then extend one or the other, never the `admin_template.html` directly. This means that `admin_template.html` doesn’t have to make decisions about where the flash messages are displayed. 2016-02-01 12:15:38 +00:00			`{% endfor %}`
			`{% endif %}`
			`{% endwith %}`