X-Git-Url: https://plomlompom.com/repos/%7B%7Bprefix%7D%7D/copy_structured?a=blobdiff_plain;f=templates%2Fday.html;h=b611f154e37295a25156c9c6e57ee65ea4d6e789;hb=500958d4d8ec670a3749941572c305e0bb302ca3;hp=acc9aaa7524f8ffed1dc98f34fddb02ce6278541;hpb=ffeee1618e4d169c9f125028ef7cd75b913cda8f;p=plomtask 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 %} -