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>
<div class="card-body text-danger"> <div class="card-body text-danger">
<h4 class="card-title">{% block title %}{% endblock %}</h4> <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>
<div class="card-footer text-muted">
{% block footer %}{% endblock %}
</div> </div>
</div> </div>

View File

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

View File

@ -34,5 +34,3 @@
</div> </div>
{% endfor %} {% endfor %}
{% endblock %} {% endblock %}
{% block footer %}Last change: {{ last_change.time }}{% endblock %}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -17,7 +17,3 @@
{% endfor %} {% endfor %}
</ul> </ul>
{% endblock %} {% endblock %}
{% block footer %}
Timers help us time things...
{% endblock %}

View File

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

View File

@ -18,5 +18,3 @@
{% endfor %} {% endfor %}
</ul> </ul>
{% endblock %} {% endblock %}
{% block footer %}Last tummy time: {{ last.end|timesince }} ago{% endblock %}

View File

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