From 500958d4d8ec670a3749941572c305e0bb302ca3 Mon Sep 17 00:00:00 2001 From: Christian Heller Date: Thu, 20 Jun 2024 10:11:11 +0200 Subject: [PATCH] In Day template, improve visual connection between Conditions and Todos. --- templates/day.html | 53 +++++++++++++++++++++++++++++----------------- 1 file changed, 33 insertions(+), 20 deletions(-) diff --git a/templates/day.html b/templates/day.html index acc9aaa..b611f15 100644 --- a/templates/day.html +++ b/templates/day.html @@ -7,25 +7,38 @@ th { border: 1px solid black; } -td.cond_line_0, td.cond_line_1, td.cond_line_2 { +td.cond_line { padding: 0; border-top: 1px solid white; + background-repeat: no-repeat; } -td.cond_line_0 { +td.cond_line_left { + background-image: linear-gradient(to right, black 0.2em, transparent 0); +} +td.cond_line_right { + background-image: linear-gradient(to left, black 0.2em, transparent 0); +} +td.cond_0 { background-color: #bfbfbf; } -td.cond_line_1 { +td.cond_1 { background-color: #dfdfdf; } -td.cond_line_2 { - background-color: #fffff; +td.cond_2 { + background-color: fffff; } -td.cond_line_corner { +td.cond_corner { max-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: clip; } +td.cond_corner_left { + background-image: linear-gradient(145deg, transparent 60%, black 60%, black 70%, transparent 70%); +} +td.cond_corner_right { + background-image: linear-gradient(35deg, transparent 30%, black 30%, black 40%, transparent 40%); +} td.todo_line { border-bottom: 1px solid #bfbfbf; height: 1.7em; @@ -58,11 +71,11 @@ input.ablers { {% endif %} {% for condition in conditions_present %} - + {% if condition in node.todo.conditions and not condition.is_active %} -O  ++> {% elif condition in node.todo.blockers and condition.is_active %} -!  +-> {% endif %} {% endfor %} @@ -80,7 +93,7 @@ O  {% for condition in conditions_present|reverse %} -{% if condition in node.todo.enables %} +{% elif condition in node.todo.disables %} !{% endif %} +{% if condition in node.todo.enables %}+>{% elif condition in node.todo.disables %}->{% endif %} {% endfor %} @@ -164,25 +177,25 @@ descendants (i.e. adopt where possible, otherwise create anew) {% for _ in conditions_present %} {% if outer_loop.index > loop.index %} - + {% elif outer_loop.index < loop.index %} - + {% else %} -× + {% endif %} {% endfor %} - -{{condition.title.at(day.date)|e}} + +{{condition.title.at(day.date)|e}} {% for _ in conditions_present %} {% if outer_loop.index0 + loop.index < conditions_present|length %} - + {% elif outer_loop.index0 + loop.index > conditions_present|length %} - + {% else %} - Ã— + {% endif %} {% endfor %} @@ -199,11 +212,11 @@ descendants (i.e. adopt where possible, otherwise create anew) {% for condition in conditions_present %} - + {% endfor %} doables {% for condition in conditions_present %} - + {% endfor %} comments -- 2.30.2