Html enhancements
* adds some bootstrap enhancements for responsiveness
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user