date arrows restyled

This commit is contained in:
Serghei Mihai 2014-03-27 16:53:30 +01:00
parent ab7f3dc996
commit f60c49980f
2 changed files with 27 additions and 6 deletions

View File

@ -446,6 +446,29 @@ a#datesel-today-link {
top: -6px;
}
a#arrow {
font-family: FontAwesome;
margin: 0 5px;
color: #555;
text-decoration: none;
}
a.prev-day:before {
content: '\f053';
}
a.prev-month:before {
content: '\f137';
}
a.next-day:before {
content: '\f054';
}
a.next-month:before {
content: '\f138';
}
span.absent{
color: red;
font-style: italic;

View File

@ -1,10 +1,8 @@
{% load url from future %}
<div id="datesel">
<a id="arrow" href="{% url url_name date=previous_month service=service %}">««</a>&nbsp;
<a id="arrow" href="{% url url_name date=previous_day service=service %}">«</a>
<a id="arrow" href="{% url url_name date=previous_month service=service %}" class="prev-month" title=""></a>
<a id="arrow" href="{% url url_name date=previous_day service=service %}" class="prev-day"></a>
<input data-url="{% url url_name date=date service=service %}" id="date-selector" value="{{ date|date:"DATE_FORMAT"|title}} ({{date|date:"W"}})" readonly="readonly" />
<a id="arrow" href="{% url url_name date=next_day service=service %}">»</a>&nbsp;
<a id="arrow" href="{% url url_name date=next_month service=service %}">»»</a>
<a id="arrow" href="{% url url_name date=next_day service=service %}" class="next-day"></a>
<a id="arrow" href="{% url url_name date=next_month service=service %}" class="next-month"></a>
{% if date != today %}<a id="datesel-today-link" href="{% url url_name service=service date=today %}">Aujourd'hui</a>{% endif %}
</div>