X-Git-Url: https://plomlompom.com/repos/%7B%7Bdb.prefix%7D%7D/task?a=blobdiff_plain;ds=sidebyside;f=todo_templates%2Fdo_todos.html;h=25211f0f0c0fbbde07334657b6f567f843f7e876;hb=59056f396c4761f9cd7ffbc569e3ddf8994d5e83;hp=7a8ae82158217427993f414e4f9ee13b7aa70b1c;hpb=76210b693b77e67bf8160a7fb869ae416309d333;p=misc diff --git a/todo_templates/do_todos.html b/todo_templates/do_todos.html index 7a8ae82..25211f0 100644 --- a/todo_templates/do_todos.html +++ b/todo_templates/do_todos.html @@ -1,69 +1,145 @@ {% extends 'base.html' %} + {% block css %} -table.alternating tr:nth-child(even) { - background-color: #cccccc; +td.number, td.checkbox { text-align: center; } +td { vertical-align: middle; } +td button { padding: 0em; } +th.centered { text-align: center; } +ul { margin: 0; } +details > summary { + list-style-type: none; } -table.alternating tr:nth-child(odd) { - background-color: #ffffff; +details > summary.has_dependers { + list-style-type: 'â¶'; +} +details[open] > summary.has_dependers { + list-style-type: 'â¼'; +} +details > summary.has_deps::after { + content: 'â¶'; +} +details[open] > summary.has_deps::after { + content: 'â¼'; } -th, td { text-align: left} -th.desc { background: linear-gradient(to bottom, white, grey); } -th.center { text-align: center; } -td.checkbox, td.number { height: 0.1em; padding: 0em; text-align: center; } -td.checkbox { width: 0.1em; text-align: center; } -td button { height: 1.5em; padding: 0em; margin: 0em } -input[type="number"] { text-align: right; } -th.desc { background: linear-gradient(to bottom, white, grey); } {% endblock %} + {% block content %} -
-