Clean up some of the voting status UI

This commit is contained in:
Patrick Altman 2016-03-17 13:59:46 -05:00
parent 430d3dad99
commit 770e2ca88d
4 changed files with 26 additions and 9 deletions

View file

@ -1 +1 @@
<link href='/site_media/static/css/site-eb9a4a34f0.css' rel='stylesheet' />
<link href='/site_media/static/css/site-0a247b924d.css' rel='stylesheet' />

View file

@ -1,17 +1,18 @@
{% extends "symposion/reviews/base.html" %}
{% block body_class %}{{ block.super }} voting-status{% endblock %}
{% block body_class %}{{ block.super }} voting-status {{ key }}{% endblock %}
{% block body %}
<h1>Voting Status ({{ section_slug }})</h1>
{% if key %}
<div class="breadcrumbs">
<a href="{% url "review_status" section_slug "positive" %}">Positive</a> |
<a href="{% url "review_status" section_slug "negative" %}">Negative</a> |
<a href="{% url "review_status" section_slug "indifferent" %}">Indifferent</a> |
<a href="{% url "review_status" section_slug "controversial" %}">Controversial</a> |
<a href="{% url "review_status" section_slug "too_few" %}">Too Few</a>
<br />
<div class="btn-group">
<a class="btn btn-default positive" href="{% url "review_status" section_slug "positive" %}">Positive</a>
<a class="btn btn-default negative" href="{% url "review_status" section_slug "negative" %}">Negative</a>
<a class="btn btn-default indifferent" href="{% url "review_status" section_slug "indifferent" %}">Indifferent</a>
<a class="btn btn-default controversial" href="{% url "review_status" section_slug "controversial" %}">Controversial</a>
<a class="btn btn-default too_few" href="{% url "review_status" section_slug "too_few" %}">Too Few</a>
</div>
<div>

File diff suppressed because one or more lines are too long

View file

@ -36,3 +36,19 @@ body.reviews.review-results .review-results {
background-color: @list-group-active-bg;
border-color: @list-group-active-border;
}
body.reviews.voting-status {
&.positive a.positive,
&.negative a.negative,
&.indifferent a.indifferent,
&.controversial a.controversial,
&.too_few a.too_few {
z-index: 2;
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
outline: 0;
background-image: none;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
}