Html enhancements

* adds some bootstrap enhancements for responsiveness
This commit is contained in:
mipel
2021-07-21 13:27:35 +02:00
parent 5b49222b74
commit 4ef6c32ea2
4 changed files with 44 additions and 32 deletions

View File

@@ -1,24 +1,28 @@
{% load i18n ksp_filters %}
<div id="server-messages" class="col-md px-3">
<div id="server-messages" class="px-3">
<div class="row px-3">
{% for msg in msgs %}
<div class="card col-md {{msg.importance|bootstrap_cls}}">
<div class="card-body">
<h6 class="card-title">
{{msg.subject}}
</h6>
<small>{% trans 'Published on' %} {{msg.publish_on}}</small>
<article class="card-text">{{msg.body|safe}}</article>
<div class="col-sm-12 col-md-12 col-lg">
<div class="card {{msg.importance|bootstrap_cls}} h-100">
<div class="card-body">
<h6 class="card-title">
{{msg.subject}}
</h6>
<small>{% trans 'Published on' %} {{msg.publish_on}}</small>
<article class="card-text">{{msg.body|safe}}</article>
</div>
</div>
</div>
{% endfor %}
<div class="card col-md {{msg.importance|bootstrap_cls}}">
<a class="w-100 h-100" href="{% url 'news:index' %}">
<div class="card-body d-flex align-items-center justify-content-center h-100">
<h5 class="card-title">{% trans 'Older ...' %}</h5>
</div>
</a>
<div class="col-sm-12 col-md-12 col-lg">
<div class="card {{msg.importance|bootstrap_cls}} h-100">
<a class="w-100 h-100" href="{% url 'news:index' %}">
<div class="card-body d-flex align-items-center justify-content-center h-100">
<h5 class="card-title">{% trans 'Older ...' %}</h5>
</div>
</a>
</div>
</div>
</div>
</div>