Adjust card styles.

Removes footers with mostly useless information and uses muted text for all content.
This commit is contained in:
Christopher Charbonneau Wells 2017-10-23 20:07:45 -04:00
parent 66a91fe534
commit 19ad5b98a3
15 changed files with 24 additions and 87 deletions

View File

@ -5,9 +5,6 @@
</div>
<div class="card-body text-danger">
<h4 class="card-title">{% block title %}{% endblock %}</h4>
<div class="card-text">{% block content %}{% endblock %}</div>
</div>
<div class="card-footer text-muted">
{% block footer %}{% endblock %}
<div class="card-text text-muted">{% block content %}{% endblock %}</div>
</div>
</div>

View File

@ -6,10 +6,4 @@
<strong>{{ change.time|timesince }}</strong> ago
{% endblock %}
{% block content %}
<div class="text-muted">
{{ change.attributes|join:', ' }}
</div>
{% endblock %}
{% block footer %}{{ change.time }}{% endblock %}
{% block content %}{{ change.attributes|join:', ' }}{% endblock %}

View File

@ -33,6 +33,4 @@
{% endif %}
</div>
{% endfor %}
{% endblock %}
{% block footer %}Last change: {{ last_change.time }}{% endblock %}
{% endblock %}

View File

@ -5,9 +5,6 @@
</div>
<div class="card-body text-primary">
<h4 class="card-title">{% block title %}{% endblock %}</h4>
<div class="card-text">{% block content %}{% endblock %}</div>
</div>
<div class="card-footer text-muted">
{% block footer %}{% endblock %}
<div class="card-text text-muted">{% block content %}{% endblock %}</div>
</div>
</div>

View File

@ -7,12 +7,8 @@
{% endblock %}
{% block content %}
<div class="text-muted">
{{ feeding.type }}, {{ feeding.method }}
{% if feeding.amount %}
, {{ feeding.amount }}oz.
{% endif %}
</div>
{% endblock %}
{% block footer %}{{ feeding.end }}{% endblock %}
{{ feeding.type }}, {{ feeding.method }}
{% if feeding.amount %}
, {{ feeding.amount }}oz.
{% endif %}
{% endblock %}

View File

@ -3,13 +3,5 @@
{% block header %}Last Feeding Method{% endblock %}
{% block title %}
<h2 class="display-4 text-center">{{ feeding.method }}</h2>
{% endblock %}
{% block content %}
{% if feeding.amount %}
<div class="text-muted">Amount: {{ feeding.amount }}oz.</div>
{% endif %}
{% endblock %}
{% block footer %}{{ feeding.end }}{% endblock %}
<div class="display-4 text-center">{{ feeding.method }}</div>
{% endblock %}

View File

@ -5,9 +5,6 @@
</div>
<div class="card-body">
<h4 class="card-title">{% block title %}{% endblock %}</h4>
<div class="card-text">{% block content %}{% endblock %}</div>
</div>
<div class="card-footer text-muted">
{% block footer %}{% endblock %}
<div class="card-text text-muted">{% block content %}{% endblock %}</div>
</div>
</div>

View File

@ -13,12 +13,4 @@
{% endif %}
{% endblock %}
{% block content %}
{% if total %}
<div class="text-muted">
Average sleep duration: <strong>{{ average|duration_string }}</strong>.
</div>
{% endif %}
{% endblock %}
{% block footer %}{{ count }} sleep entries{% endblock %}
{% block content %}{{ count }} sleep entries{% endblock %}

View File

@ -7,10 +7,4 @@
<strong>{{ sleep.end|timesince }}</strong> ago
{% endblock %}
{% block content %}
<div class="text-muted">
{{ sleep.duration|duration_string }}
</div>
{% endblock %}
{% block footer %}{{ sleep.end }}{% endblock %}
{% block content %}{{ sleep.duration|duration_string }}{% endblock %}

View File

@ -1,7 +1,7 @@
{% extends 'cards/sleep.html' %}
{% load duration %}
{% block header %}Today's Naps{% endblock %}
{% block header %}Today's Naps <small><em>(7AM - 7PM)</em></small>{% endblock %}
{% block title %}
{% if count %}
@ -14,9 +14,5 @@
{% endblock %}
{% block content %}
<div class="text-muted">
{{ total.duration__sum|duration_string }}
</div>
{% endblock %}
{% block footer %}<em>Naps are sleep entries starting 7AM - 7PM.</em>{% endblock %}
{{ total.duration__sum|duration_string }} <br/>
{% endblock %}

View File

@ -8,7 +8,4 @@
<div class="card-text">{% block content %}{% endblock %}</div>
</div>
{% block listgroup %}{% endblock %}
<div class="card-footer text-muted">
{% block footer %}{% endblock %}
</div>
</div>

View File

@ -16,8 +16,4 @@
</a>
{% endfor %}
</ul>
{% endblock %}
{% block footer %}
Timers help us time things...
{% endblock %}

View File

@ -5,10 +5,7 @@
</div>
<div class="card-body text-success">
<h4 class="card-title">{% block title %}{% endblock %}</h4>
<div class="card-text">{% block content %}{% endblock %}</div>
<div class="card-text text-muted">{% block content %}{% endblock %}</div>
</div>
{% block listgroup %}{% endblock %}
<div class="card-footer text-muted">
{% block footer %}{% endblock %}
</div>
</div>

View File

@ -17,6 +17,4 @@
<li class="list-group-item">{{ instance.duration|duration_string }} at {{ instance.end|time }}</li>
{% endfor %}
</ul>
{% endblock %}
{% block footer %}Last tummy time: {{ last.end|timesince }} ago{% endblock %}
{% endblock %}

View File

@ -8,12 +8,8 @@
{% endblock %}
{% block content %}
<div class="text-muted">
{{ tummytime.duration|duration_string }}
{% if tummytime.milestone %}
<br /> {{ tummytime.milestone }}
{% endif %}
</div>
{% endblock %}
{% block footer %}{{ tummytime.end }}{% endblock %}
{{ tummytime.duration|duration_string }}
{% if tummytime.milestone %}
<br /> {{ tummytime.milestone }}
{% endif %}
{% endblock %}