home
·
contact
·
privacy
projects
/
plomtask
/ commitdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
| commitdiff |
tree
raw
|
patch
|
inline
| side by side (from parent 1:
ffeee16
)
In Day template, improve visual connection between Conditions and Todos.
author
Christian Heller
<c.heller@plomlompom.de>
Thu, 20 Jun 2024 08:11:11 +0000
(10:11 +0200)
committer
Christian Heller
<c.heller@plomlompom.de>
Thu, 20 Jun 2024 08:11:11 +0000
(10:11 +0200)
templates/day.html
patch
|
blob
|
history
diff --git
a/templates/day.html
b/templates/day.html
index acc9aaa7524f8ffed1dc98f34fddb02ce6278541..b611f154e37295a25156c9c6e57ee65ea4d6e789 100644
(file)
--- a/
templates/day.html
+++ b/
templates/day.html
@@
-7,25
+7,38
@@
th {
border: 1px solid black;
}
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;
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;
}
background-color: #bfbfbf;
}
-td.cond_
line_
1 {
+td.cond_1 {
background-color: #dfdfdf;
}
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;
}
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;
td.todo_line {
border-bottom: 1px solid #bfbfbf;
height: 1.7em;
@@
-58,11
+71,11
@@
input.ablers {
{% endif %}
{% for condition in conditions_present %}
{% endif %}
{% for condition in conditions_present %}
-<td class="cond_line
_{{loop.index0 % 3}}
">
+<td class="cond_line
cond_{{loop.index0 % 3}} cond_line_left
">
{% if condition in node.todo.conditions and not condition.is_active %}
{% if condition in node.todo.conditions and not condition.is_active %}
-
O 
;
+
+>
;
{% elif condition in node.todo.blockers and condition.is_active %}
{% elif condition in node.todo.blockers and condition.is_active %}
-
! 
;
+
->
;
{% endif %}
</td>
{% endfor %}
{% endif %}
</td>
{% endfor %}
@@
-80,7
+93,7
@@
O
</td>
{% for condition in conditions_present|reverse %}
</td>
{% for condition in conditions_present|reverse %}
-<td class="cond_line
_{{(conditions_present|length - loop.index) % 3}}">{% if condition in node.todo.enables %} +{% elif condition in node.todo.disables %} !
{% endif %}</td>
+<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>
{% endfor %}
<td colspan=2>
{% endfor %}
<td colspan=2>
@@
-164,25
+177,25
@@
descendants (i.e. adopt where possible, otherwise create anew)
{% for _ in conditions_present %}
{% if outer_loop.index > loop.index %}
{% for _ in conditions_present %}
{% if outer_loop.index > loop.index %}
-<td class="cond_line
_{{loop.index0 % 3}}
">
+<td class="cond_line
cond_{{loop.index0 % 3}} cond_line_left
">
{% elif outer_loop.index < loop.index %}
{% elif outer_loop.index < loop.index %}
-<td class="cond_line_{{outer_loop.index0 % 3}}">
+<td class="cond_line
cond
_{{outer_loop.index0 % 3}}">
{% else %}
{% else %}
-<td class="cond_line
_{{outer_loop.index0 % 3}} cond_line_corner">×
+<td class="cond_line
cond_{{outer_loop.index0 % 3}} cond_corner cond_corner_left">
{% endif %}
</td>
{% endfor %}
{% endif %}
</td>
{% endfor %}
-<td class="cond_line_{{loop.index0 % 3}}"><input type="checkbox" disabled{% if condition.is_active %} checked{% endif %}></td>
-<td colspan=2 class="cond_line_{{loop.index0 % 3}}"><a href="condition?id={{condition.id_}}">{{condition.title.at(day.date)|e}}</a></td>
+<td class="cond_line
cond
_{{loop.index0 % 3}}"><input type="checkbox" disabled{% if condition.is_active %} checked{% endif %}></td>
+<td colspan=2 class="cond_line
cond
_{{loop.index0 % 3}}"><a href="condition?id={{condition.id_}}">{{condition.title.at(day.date)|e}}</a></td>
{% for _ in conditions_present %}
{% if outer_loop.index0 + loop.index < conditions_present|length %}
{% for _ in conditions_present %}
{% if outer_loop.index0 + loop.index < conditions_present|length %}
-<td class="cond_line_{{outer_loop.index0 % 3}}">
+<td class="cond_line
cond
_{{outer_loop.index0 % 3}}">
{% elif outer_loop.index0 + loop.index > conditions_present|length %}
{% elif outer_loop.index0 + loop.index > conditions_present|length %}
-<td class="cond_line
_{{(conditions_present|length - loop.index) % 3}}
">
+<td class="cond_line
cond_{{(conditions_present|length - loop.index) % 3}} cond_line_right
">
{% else %}
{% else %}
-<td class="cond_line
_{{outer_loop.index0 % 3}} cond_line_corner"> ×
+<td class="cond_line
cond_{{outer_loop.index0 % 3}} cond_corner cond_corner_right">
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
@@
-199,11
+212,11
@@
descendants (i.e. adopt where possible, otherwise create anew)
<tr>
{% for condition in conditions_present %}
<tr>
{% for condition in conditions_present %}
-<td class="cond_line
_{{loop.index0 % 3}}
"></td>
+<td class="cond_line
cond_{{loop.index0 % 3}} cond_line_left
"></td>
{% endfor %}
<th colspan=3>doables</th>
{% for condition in conditions_present %}
{% endfor %}
<th colspan=3>doables</th>
{% for condition in conditions_present %}
-<td class="cond_line
_{{(conditions_present|length - loop.index) % 3}}
"></td>
+<td class="cond_line
cond_{{(conditions_present|length - loop.index) % 3}} cond_line_right
"></td>
{% endfor %}
<th colspan=2>comments</th>
</tr>
{% endfor %}
<th colspan=2>comments</th>
</tr>