Html enhancements
* adds some bootstrap enhancements for responsiveness
This commit is contained in:
		
							parent
							
								
									5b49222b74
								
							
						
					
					
						commit
						4ef6c32ea2
					
				@ -11,11 +11,13 @@
 | 
			
		||||
                {% trans 'Intervention' %}
 | 
			
		||||
                </h4>
 | 
			
		||||
                <div class="row">
 | 
			
		||||
                    <div class="col-sm-5">
 | 
			
		||||
                        <div class="qs-box d-flex justify-content-center align-items-center">
 | 
			
		||||
                            {% fa5_icon 'pencil-ruler' %}
 | 
			
		||||
                    <a href="{% url 'intervention:index' %}">
 | 
			
		||||
                        <div class="col-sm-5">
 | 
			
		||||
                            <div class="qs-box d-flex justify-content-center align-items-center">
 | 
			
		||||
                                {% fa5_icon 'pencil-ruler' %}
 | 
			
		||||
                            </div>
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    </a>
 | 
			
		||||
                    <div class="col-sm">
 | 
			
		||||
                        <div class="col-md mb-2">
 | 
			
		||||
                            <div>{% trans 'Total' %}</div>
 | 
			
		||||
@ -47,11 +49,13 @@
 | 
			
		||||
                {% trans 'Compensation' %}
 | 
			
		||||
                </h4>
 | 
			
		||||
                <div class="row">
 | 
			
		||||
                    <div class="col-sm-5">
 | 
			
		||||
                        <div class="qs-box d-flex justify-content-center align-items-center">
 | 
			
		||||
                            {% fa5_icon 'leaf' %}
 | 
			
		||||
                    <a href="{% url 'compensation:index' %}">
 | 
			
		||||
                        <div class="col-sm-5">
 | 
			
		||||
                            <div class="qs-box d-flex justify-content-center align-items-center">
 | 
			
		||||
                                {% fa5_icon 'leaf' %}
 | 
			
		||||
                            </div>
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    </a>
 | 
			
		||||
                    <div class="col-sm">
 | 
			
		||||
                        <div class="col-md mb-2">
 | 
			
		||||
                            <div>{% trans 'Total' %}</div>
 | 
			
		||||
@ -84,11 +88,13 @@
 | 
			
		||||
                {% trans 'Eco-account' %}
 | 
			
		||||
                </h4>
 | 
			
		||||
                <div class="row">
 | 
			
		||||
                    <div class="col-sm-5">
 | 
			
		||||
                        <div class="qs-box d-flex justify-content-center align-items-center">
 | 
			
		||||
                            {% fa5_icon 'tree' %}
 | 
			
		||||
                    <a href="{% url 'home' %}">
 | 
			
		||||
                        <div class="col-sm-5">
 | 
			
		||||
                            <div class="qs-box d-flex justify-content-center align-items-center">
 | 
			
		||||
                                {% fa5_icon 'tree' %}
 | 
			
		||||
                            </div>
 | 
			
		||||
                        </div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    </a>
 | 
			
		||||
                    <div class="col-sm">
 | 
			
		||||
                        <div class="col-md mb-2">
 | 
			
		||||
                            <div>{% trans 'Total' %}</div>
 | 
			
		||||
@ -101,7 +107,7 @@
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="row">
 | 
			
		||||
                    <div class="col-sm">
 | 
			
		||||
                    <div class="col-sm-12 col-lg">
 | 
			
		||||
                        <div class="col-sm">
 | 
			
		||||
                            <div class="row my-1">
 | 
			
		||||
                                <a href="{% url 'home' %}">
 | 
			
		||||
@ -117,7 +123,7 @@
 | 
			
		||||
                        </div>
 | 
			
		||||
 | 
			
		||||
                        </div>
 | 
			
		||||
                    <div class="col-sm">
 | 
			
		||||
                    <div class="col-sm-12 col-lg">
 | 
			
		||||
                        <div class="col-sm">
 | 
			
		||||
                            <div class="row my-1">
 | 
			
		||||
                                <a href="{% url 'home' %}">
 | 
			
		||||
 | 
			
		||||
@ -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>
 | 
			
		||||
@ -1,8 +1,10 @@
 | 
			
		||||
{% load i18n fontawesome_5 %}
 | 
			
		||||
<nav class="navbar navbar-expand-lg navbar-dark">
 | 
			
		||||
    <div class="nav-icon mr-5" title="{% trans 'Kompensationsverzeichnis Service Portal' %}">
 | 
			
		||||
        <strong class="">{% trans 'KSP' %}</strong>
 | 
			
		||||
    </div>
 | 
			
		||||
    <a href="{% url 'home' %}">
 | 
			
		||||
        <div class="nav-icon badge mr-5" title="{% trans 'Kompensationsverzeichnis Service Portal' %}">
 | 
			
		||||
            <strong class="">{% trans 'KSP' %}</strong>
 | 
			
		||||
        </div>
 | 
			
		||||
    </a>
 | 
			
		||||
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 | 
			
		||||
      <span class="navbar-toggler-icon"></span>
 | 
			
		||||
    </button>
 | 
			
		||||
 | 
			
		||||
@ -3,7 +3,7 @@
 | 
			
		||||
 | 
			
		||||
{% block body %}
 | 
			
		||||
    <div class="row">
 | 
			
		||||
        <div class="col-md-3 border">
 | 
			
		||||
        <div class="col-md-6 col-lg-4 border">
 | 
			
		||||
            <table class="table">
 | 
			
		||||
                <tr>
 | 
			
		||||
                    <th scope="row">{% trans 'Username' %}</th>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user