FIX: fixed css (space between page header and page body)

This commit is contained in:
2019-03-25 10:54:22 +01:00
parent eebf02b66c
commit 94402fb5d0
24 changed files with 63 additions and 46 deletions

View File

@@ -10,7 +10,7 @@
   
</div> </div>
<div class="col-sm-8"> <div class="col-sm-8">
<h3>{% trans 'Login' %}</h3> <h3 class="top-most">{% trans 'Login' %}</h3>
<div class="well"> <div class="well">
<form action="" method="post"> <form action="" method="post">
{% csrf_token %} {% csrf_token %}

View File

@@ -10,7 +10,7 @@
&nbsp; &nbsp;
</div> </div>
<div class="col-sm-8"> <div class="col-sm-8">
<h3>{% trans 'Passwort vergessen?' %}</h3> <h3 class="top-most">{% trans 'Passwort vergessen?' %}</h3>
<div class="well"> <div class="well">
<form action="" method="post"> <form action="" method="post">
{% csrf_token %} {% csrf_token %}

View File

@@ -10,7 +10,7 @@
&nbsp; &nbsp;
</div> </div>
<div class="col-sm-8"> <div class="col-sm-8">
<h3>{% trans 'Neues Passwort setzen' %}</h3> <h3 class="top-most">{% trans 'Neues Passwort setzen' %}</h3>
<div class="well"> <div class="well">
<form action="" method="post"> <form action="" method="post">
{% csrf_token %} {% csrf_token %}

View File

@@ -74,13 +74,6 @@ thead input {
*/ */
#page-body { #page-body {
padding-bottom: 4.8rem; padding-bottom: 4.8rem;
background-color: #fcc;
}
#page-body .vspace {
content: "\202f";
height: 0px;
margin-bottom: 1.2rem;
} }
#page-body h5, #page-body h6 { #page-body h5, #page-body h6 {
@@ -120,8 +113,13 @@ thead input {
/* /*
* Misc * Misc
*/ */
.jumbotron > h1 { .top-most {
margin-top: 0px; margin-top: 1.2rem;
}
.jumbotron {
padding-top: 34px;
padding-bottom: 34px;
} }
.action-tabs { .action-tabs {

View File

@@ -1,6 +1,11 @@
{% extends "dav_base/error_base.html" %} {% extends "dav_base/error_base.html" %}
{% load i18n %}
{% block error-code %}400{% endblock %} {% block error-code %}400{% endblock %}
{% block error-title %}Bad Request{% endblock %} {% block error-title %}Bad Request{% endblock %}
{% block error-heading %}Fehlerhafte Anfrage{% endblock %} {% block error-heading %}{% trans 'Fehlerhafte Anfrage' %}{% endblock %}
{% block error-body %}<p>Irgendwas ist hier falsch gelaufen.</p>{% endblock %} {% block error-body %}
<p>
{% trans 'Irgendwas ist hier falsch gelaufen.' %}
</p>
{% endblock %}

View File

@@ -1,8 +1,11 @@
{% extends "dav_base/error_base.html" %} {% extends "dav_base/error_base.html" %}
{% load i18n %}
{% block error-code %}403{% endblock %} {% block error-code %}403{% endblock %}
{% block error-title %}Forbidden{% endblock %} {% block error-title %}Forbidden{% endblock %}
{% block error-heading %}Keine Berechtigung{% endblock %} {% block error-heading %}{% trans 'Keine Berechtigung' %}{% endblock %}
{% block error-body %} {% block error-body %}
<p>Irgendwas darfst du hier nicht.</p> <p>
{% trans 'Irgendwas darfst du hier nicht.' %}
</p>
{% endblock %} {% endblock %}

View File

@@ -1,6 +1,13 @@
{% extends "dav_base/error_base.html" %} {% extends "dav_base/error_base.html" %}
{% load i18n %}
{% block error-code %}404{% endblock %} {% block error-code %}404{% endblock %}
{% block error-title %}Not Found{% endblock %} {% block error-title %}Not Found{% endblock %}
{% block error-heading %}Ressource nicht gefunden{% endblock %} {% block error-heading %}{% trans 'Adresse existiert nicht' %}{% endblock %}
{% block error-body %}<p>{{ exception }}</p>{% endblock %} {% block error-body %}
<p>
{% blocktrans with path=request.path %}
Die angeforderte Ressource '{{ path }}' ist auf diesem Server nicht verfügbar.
{% endblocktrans %}
</p>
{% endblock %}

View File

@@ -1,6 +1,11 @@
{% extends "dav_base/error_base.html" %} {% extends "dav_base/error_base.html" %}
{% load i18n %}
{% block error-code %}500{% endblock %} {% block error-code %}500{% endblock %}
{% block error-title %}Internal Server Error{% endblock %} {% block error-title %}Internal Server Error{% endblock %}
{% block error-heading %}Serverfehler{% endblock %} {% block error-heading %}{% trans 'Serverfehler' %}{% endblock %}
{% block error-body %}<p>Irgendwas ist jetzt kaputt.</p>{% endblock %} {% block error-body %}
<p>
{% trans 'Irgendwas ist jetzt kaputt.' %}
</p>
{% endblock %}

View File

@@ -11,7 +11,7 @@
{% endblock messages %} {% endblock messages %}
{% block page-container-fluid %} {% block page-container-fluid %}
<h1>Header h1 <small>Small Text</small></h1> <h1 class="top-most">Header h1 <small>Small Text</small></h1>
<h2>Header h2 <small>Small Text</small></h2> <h2>Header h2 <small>Small Text</small></h2>
<h3>Header h3 <small>Small Text</small></h3> <h3>Header h3 <small>Small Text</small></h3>
<h4>Header h4 <small>Small Text</small></h4> <h4>Header h4 <small>Small Text</small></h4>

View File

@@ -4,7 +4,7 @@
{% block head-title %}{% block error-code %}{% endblock %} {% block error-title %}Error{% endblock %} - {{ block.super }}{% endblock head-title %} {% block head-title %}{% block error-code %}{% endblock %} {% block error-title %}Error{% endblock %} - {{ block.super }}{% endblock head-title %}
{% block page-container %} {% block page-container %}
<div class="panel panel-danger"> <div class="panel panel-danger top-most">
<div class="panel-heading"> <div class="panel-heading">
<h1>{% block error-heading %}Error{% endblock %}</h1> <h1>{% block error-heading %}Error{% endblock %}</h1>
</div> </div>
@@ -13,5 +13,5 @@
<p>Irgendwas ist hier falsch gelaufen.</p> <p>Irgendwas ist hier falsch gelaufen.</p>
{% endblock %} {% endblock %}
</div> </div>
</div> </div>
{% endblock page-container %} {% endblock page-container %}

View File

@@ -3,7 +3,7 @@
{% load i18n %} {% load i18n %}
{% block page-container %} {% block page-container %}
<div class="jumbotron"> <div class="jumbotron top-most">
<h1>Hallo,</h1> <h1>Hallo,</h1>
<p> <p>
du bist auf dem Entwicklungs- und Testserver der du bist auf dem Entwicklungs- und Testserver der
@@ -13,7 +13,6 @@
Wenn du Fragen hast, kannst du dich an Wenn du Fragen hast, kannst du dich an
<a href="mailto:heinzel@alpenverein-karlsruhe.de">heinzel@alpenverein-karlsruhe.de</a> wenden. <a href="mailto:heinzel@alpenverein-karlsruhe.de">heinzel@alpenverein-karlsruhe.de</a> wenden.
</p> </p>
<p>&nbsp;</p>
{% if root_urls %} {% if root_urls %}
<h3>Module:</h3> <h3>Module:</h3>
<div class="list-group"> <div class="list-group">

View File

@@ -5,7 +5,7 @@
{% block head-title %}{% block form-title %}{{ form.form_title }}{% endblock form-title %} - {{ block.super }}{% endblock head-title %} {% block head-title %}{% block form-title %}{{ form.form_title }}{% endblock form-title %} - {{ block.super }}{% endblock head-title %}
{% block page-container-fluid %} {% block page-container-fluid %}
<h3>{% block form-header %}{{ form.form_title }}{% endblock form-header %}</h3> <h3 class="top-most">{% block form-header %}{{ form.form_title }}{% endblock form-header %}</h3>
{% block form-errors %} {% block form-errors %}
{% bootstrap_form_errors form %} {% bootstrap_form_errors form %}
{% endblock form-errors %} {% endblock form-errors %}

View File

@@ -110,7 +110,7 @@
{% endblock modals %} {% endblock modals %}
{% block page-container-fluid %} {% block page-container-fluid %}
<div class="action-tabs"> <div class="action-tabs top-most">
<div class="pull-right"> <div class="pull-right">
{% if has_permission_submit %} {% if has_permission_submit %}
<a id="btn-submit" class="btn {% if not is_submitted %}btn-success{% else %}btn-default disabled{% endif %}" <a id="btn-submit" class="btn {% if not is_submitted %}btn-success{% else %}btn-default disabled{% endif %}"

View File

@@ -4,7 +4,7 @@
{% load dav_events %} {% load dav_events %}
{% block page-container-fluid %} {% block page-container-fluid %}
<div class="action-tabs"> <div class="action-tabs top-most">
<div class="pull-right"> <div class="pull-right">
<a id="btn-event-create" class="btn btn-primary" <a id="btn-event-create" class="btn btn-primary"
href="{% url 'dav_events:create' %}"> href="{% url 'dav_events:create' %}">

View File

@@ -3,7 +3,7 @@
{% load i18n %} {% load i18n %}
{% block page-container-fluid %} {% block page-container-fluid %}
<div class="action-tabs"> <div class="action-tabs top-most">
<div class="pull-right"> <div class="pull-right">
<a class="btn btn-primary" <a class="btn btn-primary"
href="{% url 'dav_events:create' %}"> href="{% url 'dav_events:create' %}">

View File

@@ -34,7 +34,7 @@
{% endblock head-additional %} {% endblock head-additional %}
{% block page-container-fluid %} {% block page-container-fluid %}
<div class="action-tabs"> <div class="action-tabs top-most">
<ul class="nav nav-tabs" role="tablist"> <ul class="nav nav-tabs" role="tablist">
<li> <li>
<a href="{% url 'dav_events:list' %}">{% trans 'Veranstaltungsliste' %}</a> <a href="{% url 'dav_events:list' %}">{% trans 'Veranstaltungsliste' %}</a>

View File

@@ -3,7 +3,7 @@
{% load i18n %} {% load i18n %}
{% block page-container-fluid %} {% block page-container-fluid %}
<h3>{% trans 'Veranstaltungen' %}</h3> <h3 class="top-most">{% trans 'Veranstaltungen' %}</h3>
<div class="well"> <div class="well">
<p class="lead">Neue Veranstaltung eintragen...</p> <p class="lead">Neue Veranstaltung eintragen...</p>
<p>Hier kannst du Touren und Kurse anmelden, die du anbieten möchtest.</p> <p>Hier kannst du Touren und Kurse anmelden, die du anbieten möchtest.</p>

View File

@@ -3,7 +3,7 @@
{% block page-container %} {% block page-container %}
{% if text %} {% if text %}
<div class="panel panel-{{ status }}"> <div class="panel panel-{{ status }} top-most">
<div class="panel-heading"> <div class="panel-heading">
{{ message }} {{ message }}
</div> </div>
@@ -12,7 +12,7 @@
</div> </div>
</div> </div>
{% else %} {% else %}
<div class="alert alert-{{ status }}" role="alert"> <div class="alert alert-{{ status }} top-most" role="alert">
{{ message }} {{ message }}
</div> </div>
{% endif %} {% endif %}

View File

@@ -7,7 +7,7 @@
{% block page-container-fluid %} {% block page-container-fluid %}
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="panel panel-default"> <div class="panel panel-default top-most">
<div class="panel-heading"> <div class="panel-heading">
<span class="panel-title">{{ event.number }} - {{ event.title }}</span> <span class="panel-title">{{ event.number }} - {{ event.title }}</span>
</div> </div>

View File

@@ -5,7 +5,7 @@
{% block page-container-fluid %} {% block page-container-fluid %}
<div> <div>
<h3>Touren & Kurse</h3> <h3 class="top-most">Touren & Kurse</h3>
<table id="objects_table" class="table table-bordered table-hover"> <table id="objects_table" class="table table-bordered table-hover">
<thead> <thead>
<tr> <tr>

View File

@@ -6,7 +6,7 @@
{% block head-title %}Anmeldung abgeschickt - {{ block.super }}{% endblock head-title %} {% block head-title %}Anmeldung abgeschickt - {{ block.super }}{% endblock head-title %}
{% block page-container-fluid %} {% block page-container-fluid %}
<div class="well"> <div class="well top-most">
<p> <p>
Du solltest in Kürze eine E-Mail von uns mit deinen Anmeldedaten erhalten. Du solltest in Kürze eine E-Mail von uns mit deinen Anmeldedaten erhalten.
</p> </p>

View File

@@ -5,7 +5,7 @@
{% block head-title %}{% block form-title %}{% trans 'Anmeldung' %} - {{ event.number }}{% endblock form-title %} - {{ block.super }}{% endblock head-title %} {% block head-title %}{% block form-title %}{% trans 'Anmeldung' %} - {{ event.number }}{% endblock form-title %} - {{ block.super }}{% endblock head-title %}
{% block page-container-fluid %} {% block page-container-fluid %}
<h3>{% trans 'Anmeldung' %}</h3> <h3 class="top-most">{% trans 'Anmeldung' %}</h3>
<form> <form>
<div class="form-group"> <div class="form-group">
<label class="control-label" for="event">{% trans 'Veranstaltung' %}</label> <label class="control-label" for="event">{% trans 'Veranstaltung' %}</label>

View File

@@ -1,7 +1,7 @@
{% extends 'dav_submission/base.html' %} {% extends 'dav_submission/base.html' %}
{% block page-container %} {% block page-container %}
<h3>Lorem!</h3> <h3 class="top-most">Lorem!</h3>
<div class="well"> <div class="well">
{% lorem %} {% lorem %}
</div> </div>

View File

@@ -2,7 +2,7 @@
{% load bootstrap3 %} {% load bootstrap3 %}
{% block page-container %} {% block page-container %}
<h3>Lorem</h3> <h3 class="top-most">Lorem</h3>
<div class="well"> <div class="well">
<p class="lead">Lorem ipsum dolor</p> <p class="lead">Lorem ipsum dolor</p>
{% lorem %} {% lorem %}