Highlight onetime events in tabular calendar

2 files changed, 8 insertions, 1 deletions

diff --git a/public/css/sublab.calendar.css b/public/css/sublab.calendar.css
index 5dab3e7..bb59a18 100644
--- a/public/css/sublab.calendar.css
+++ b/public/css/sublab.calendar.css
@@ -63,3 +63,10 @@
 .tabcal-today {
     background-color: rgb(46,100,20);
 }
+.tabcal-cell>ul>li.onetime {
+    background: rgb(70,70,180);
+    border-radius: 4px;
+}
+.tabcal-cell>ul>li {
+    padding-left: 4px;
+}
diff --git a/template/tabcalendar.j2 b/template/tabcalendar.j2
index 676ab8f..fe4e2a8 100644
--- a/template/tabcalendar.j2
+++ b/template/tabcalendar.j2
@@ -22,7 +22,7 @@
 {%- if day.events %}
 <ul>
 {%- for event in day.events %}
-<li><a href="#event-{{ event.id }}">{{ event.name }}</a></li>
+<li {% if not event.recurring %}class="onetime"{%endif%}><a href="#event-{{ event.id }}">{{ event.name }}</a></li>
 {%- endfor %}
 </ul>
 {%- endif %}