update css style

This commit is contained in:
2021-03-03 21:52:34 +00:00
parent 74ff9a7199
commit 6686ff8c15
9 changed files with 177 additions and 190 deletions

View File

@@ -1,45 +1,38 @@
{% extends 'layout.html' %}
{% block content %}
{% extends "layout.html" %}
{% load softhyphen_tags %}
<style>
.button {
background-color: gray;
}
.button:hover {
background-color: black;
}
.memb {
background-color: darkgray;
}
.active {
background-color: black;
}
</style>
{% block content %}
<div class="grid-container">
<div class="grid-x grid-padding-x padding-top-1">
{% for job in pinned_job_groups %}
<div class="cell large-2 medium-4 small-6">
<a class="button expanded {% if job.slug in request.path %} active {% endif %}" href="{% url 'jobs' job.slug %}">
{{job.name}}
</a>
</div>
{% endfor %}
{% for job in unpinned_job_groups %}
<div class="cell large-2 medium-4 small-6">
<a class="button expanded {% if job.slug in request.path %} active {% endif %}" href="{% url 'jobs' job.slug %}">
<a class="button job-btn {% if job.slug in request.path %} active {% endif %}" href="{% url 'jobs' job.slug %}">
{{ job.name|softhyphen|safe }}
</a>
</div>
{% endfor %}
<div class="cell large-2 medium-4 small-6"><a class="button memb expanded {% if '/members/P' == request.path %} active {% endif %}" href="/members/P">Pension</a></div>
<div class="cell large-2 medium-4 small-6"><a class="button memb expanded {% if '/members/' == request.path %} active {% endif %}" href="/members">Alle Mitglieder</a></div>
{% for job in unpinned_job_groups %}
<div class="cell large-2 medium-4 small-6">
<a class="button job-btn {% if job.slug in request.path %} active {% endif %} job-btn" href="{% url 'jobs' job.slug %}">
{{ job.name|softhyphen|safe }}
</a>
</div>
{% endfor %}
<div class="cell large-2 medium-4 small-6">
<a class="button memb-btn {% if '/members/P' == request.path %} active {% endif %}" href="/members/P">
Pension
</a>
</div>
<div class="cell large-2 medium-4 small-6">
<a class="button memb-btn {% if '/members/' == request.path %} active {% endif %}" href="/members">
Alle Mitglieder
</a>
</div>
</div>
@@ -53,9 +46,8 @@
<!-- show details of a member -->
{% if member %}
<div class="padding-top-1 padding-left-1 padding-bottom-1 padding-right-1" style="background-color: white;">
{% include 'members/partials/_member_details.html' %}
</div>
{% block members_content %}
{% endblock %}
{% endif %}
<!-- show all, active or pension members -->