td.cond_line {
padding: 0;
border-top: 1px solid white;
- background-repeat: no-repeat;
-}
-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_2 {
background-color: fffff;
}
-td.cond_corner {
+td.cond_shrink {
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;
{% endif %}
{% for condition in conditions_present %}
-<td class="cond_line cond_{{loop.index0 % 3}} cond_line_left">
{% if condition in node.todo.conditions and not condition.is_active %}
+<td class="cond_line cond_{{loop.index0 % 3}}">
+>
{% elif condition in node.todo.blockers and condition.is_active %}
+<td class="cond_line cond_{{loop.index0 % 3}}">
->
+{% else %}
+<td class="cond_line cond_{{loop.index0 % 3}} cond_shrink">
+|
{% endif %}
</td>
{% endfor %}
</td>
{% for condition in conditions_present|reverse %}
-<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}} cond_line_right">{% if condition in node.todo.enables %}+>{% elif condition in node.todo.disables %}->{% endif %}</td>
+{% if condition in node.todo.enables %}
+<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}}">
++>
+{% elif condition in node.todo.disables %}
+<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}}">
+->
+{% else %}
+<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}} cond_shrink">
+ |
+{% endif %}
+</td>
{% endfor %}
<td colspan=2>
{% for _ in conditions_present %}
{% if outer_loop.index > loop.index %}
-<td class="cond_line cond_{{loop.index0 % 3}} cond_line_left">
+<td class="cond_line cond_{{loop.index0 % 3}} cond_shrink">|
{% elif outer_loop.index < loop.index %}
<td class="cond_line cond_{{outer_loop.index0 % 3}}">
{% else %}
-<td class="cond_line cond_{{outer_loop.index0 % 3}} cond_corner cond_corner_left">
+<td class="cond_line cond_{{outer_loop.index0 % 3}} cond_shrink">/
{% endif %}
</td>
{% endfor %}
{% if outer_loop.index0 + loop.index < conditions_present|length %}
<td class="cond_line cond_{{outer_loop.index0 % 3}}">
{% elif outer_loop.index0 + loop.index > conditions_present|length %}
-<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}} cond_line_right">
+<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}} cond_shrink"> |
{% else %}
-<td class="cond_line cond_{{outer_loop.index0 % 3}} cond_corner cond_corner_right">
+<td class="cond_line cond_{{outer_loop.index0 % 3}} cond_shrink"> \
{% endif %}
{% endfor %}
<tr>
{% for condition in conditions_present %}
-<td class="cond_line cond_{{loop.index0 % 3}} cond_line_left"></td>
+<td class="cond_line cond_{{loop.index0 % 3}} cond_shrink">|</td>
{% endfor %}
<th colspan=3>doables</th>
{% for condition in conditions_present %}
-<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}} cond_line_right"></td>
+<td class="cond_line cond_{{(conditions_present|length - loop.index) % 3}} cond_shrink"> |</td>
{% endfor %}
<th colspan=2>comments</th>
</tr>