Commit 69dd6d56 authored by Dennis Appel's avatar Dennis Appel

update css

parent 1effcd5e
......@@ -9,61 +9,59 @@
{% block content %}
<section>
{% if checklist %}
<div class="grid-x">
<div class="grid-x grid-padding-x">
<div class="cell large-2 cell-background-wiki-mg wiki-navigation">
<section>
<div name="checklist-navigation" id="checklist-navigation" class="text-center">
<h4>Inhalt</h4>
</div>
<ul class="vertical menu">
{% for category in checklist %}
<li>
<a class="wiki-navigation-link" href="#category_{{category.id}}">{{category.categoryTitle}}</a>
</li>
{% endfor %}
</ul>
</section>
</div>
<div class="cell large-6 large-offset-1 content">
<div class="cell large-offset-3 large-6 large-offset-1 content">
<h1>Checkliste</h1>
<div id='checklist' class="grid-x grid-margin-x grid-padding-x grid-padding-y grid-margin-y">
<div id='checklist' class="grid-x grid-padding-x grid-padding-y grid-margin-y">
{% for category in checklist %}
<div class="cell">
<div class="grid-x">
<div class="cell cell-background-lg" id="category_{{category.id}}" name="category_{{category.id}}">
<h3>{{category.categoryTitle}}</h3>
<div class="cell cell-background-lg">
<div class="grid-x grid-padding-x">
<div class="cell" id="category_{{category.id}}" name="category_{{category.id}}">
<h2>{{category.categoryTitle}}</h2>
{% if category.wikiEntry.id %}
<a class="link" href="{% url 'wiki:index' %}#item_{{category.wikiEntry.id}}"><button class="hollow button">Wiki</button></a>
{% endif %}
</div>
{% for entry in category.getEntries %}
<div class="cell cell-background-lg" id="entry_{{entry.id}}" name="entry_{{entry.id}}">
<h3>{{entry.checkListEntryTitle}}</h3>
<div>
<span class="alert label">Offen</span>
&nbsp;
<span class="primary label">Gewichtung: {{entry.checkListEntrySeverity}}</span>
&nbsp;
</div>
<p class="vertical-space-small">
<div class="cell vertical-space-bottom-small" id="entry_{{entry.id}}" name="entry_{{entry.id}}">
<button class="button small alert checklist-entry" onclick="checkListToggle(this, {{entry.id}})">Offen
</button>
<h3 class="checklist-entry checklist-title" onclick="checkListToggle(this, {{entry.id}})">
{{entry.checkListEntryTitle}}
{% if entry.wikiEntry.id %}&nbsp;
<a class="link" href="{% url 'wiki:index' %}#item_{{entry.wikiEntry.id}}">&lt;Wiki&gt;</a>
{% endif %}
</h3>
<p>
{{entry.checkListEntryDescription}}
</p>
<button class="button" onclick="checkListToggle(this, {{entry.id}})">Abschlie&szlig;en</button>
{% if entry.wikiEntry.id %}
<a class="link" href="{% url 'wiki:index' %}#item_{{entry.wikiEntry.id}}"><button class="hollow button">Wiki</button></a>
{% endif %}
</div>
{% endfor %}
<div class="cell back-button">
<a class="link" href="#checklist-navigation"><button class="button hollow">nach oben</button></a>
</div>
</div>
<a class="link" href="#checklist-navigation"><button class="button hollow">nach oben</button></a>
</div>
{% endfor %}
</div>
</div>
<div class="cell large-2 large-offset-1 cell-background-wiki-mg wiki-navigation">
<section>
<div name="checklist-navigation" id="checklist-navigation" class="text-center">
<h4>Inhalt</h4>
</div>
<ul class="vertical menu">
{% for category in checklist %}
<li>
<a class="wiki-navigation-link" href="#category_{{category.id}}">{{category.categoryTitle}}</a>
</li>
{% endfor %}
</ul>
</section>
</div>
</div>
{% else %}
<p>Keine Eintraege gefunden</p>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -34,6 +34,14 @@ $dark-blue: #23405a;
margin-top: 40px;
}
.vertical-space-bottom-small {
margin-bottom: 15px;
}
.vertical-space-bottom {
margin-bottom: 40px;
}
.vertical-space-small {
margin-top: 20px;
}
......@@ -61,7 +69,7 @@ $dark-blue: #23405a;
.wiki-navigation {
border-right: 1px solid #efefef;
padding: 15px;
padding: 25px;
}
.wiki-navigation-link {
......@@ -134,3 +142,38 @@ html, body {
padding: 0.7rem 1rem;
font-weight: bold;
}
.checklist-entry {
font-size: 1.2rem;
font-weight: bold;
}
.checklist-title {
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
border-radius: 0;
line-height: 1;
text-align: center;
padding-left: 5px;
}
.back-button {
margin-top: -15px;
}
#checklist {
h2 {
font-size: 2.2rem;
margin-bottom: 15px;
display: inline-block;
margin-right: 15px;
}
p {
margin-top: -15px;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment