Revamped calendar basically there

To fix:
- Does not yet display events that span weeks correctly!
- Breaks (overflows) on mobile
This commit is contained in:
2022-12-06 15:30:35 +00:00
parent e0da6a3120
commit 6e8779c81b
4 changed files with 7 additions and 5 deletions

View File

@@ -3,7 +3,6 @@
{% block js %}
<script src="{% static 'js/moment.js' %}"></script>
<script src="{% static 'js/interaction.js' %}"></script>
<script>
$(document).ready(function() {
// set some button listeners
@@ -25,6 +24,7 @@
.week {
display:grid;
grid-template-columns: repeat(7, 1fr);
grid-auto-flow: dense;
grid-gap: 2px 10px;
border: 1px solid black;
height: 8em;
@@ -71,7 +71,7 @@
[data-span="6"] { grid-column-end: span 6; }
[data-span="7"] { grid-column-end: span 7; }
a {
.day > a {
color: inherit !important;
text-decoration: inherit !important;
}
@@ -112,7 +112,7 @@ a {
{{ day.2|safe }}
</div>
{% else %}
<div class="day"><span style="grid-column: {{day.1}} + 1; grid-row: 1 / span 4;"><span></div>
<div class="day"><span style="grid-row-start: 1;">&nbsp;<span></div>
{% endif %}
{% endfor %}
</div>