Sun, 21 Jun 2020 11:10:30 +0200
smaller issue summary progress bars
1 /*
2 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
3 *
4 * Copyright 2018 Mike Becker. All rights reserved.
5 *
6 * Redistribution and use in source and binary forms, with or without
7 * modification, are permitted provided that the following conditions are met:
8 *
9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer.
11 *
12 * 2. Redistributions in binary form must reproduce the above copyright
13 * notice, this list of conditions and the following disclaimer in the
14 * documentation and/or other materials provided with the distribution.
15 *
16 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
17 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
18 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
19 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
20 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
21 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
22 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
23 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
24 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
25 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
26 * POSSIBILITY OF SUCH DAMAGE.
27 *
28 */
30 .project-attributes, .issue-summary {
31 display: table;
32 }
34 .project-attributes {
35 margin-bottom: 2em;
36 }
38 .row {
39 display: table-row;
40 }
42 .caption {
43 font-weight: bold;
44 }
46 .row > div {
47 display: table-cell;
48 }
50 .row > div + div {
51 padding-left: 2em;
52 }
54 span.phase-2 {
55 text-decoration: line-through;
56 }
58 .issue-progress-bar {
59 display: flex;
60 position: relative;
61 border-style: inset;
62 border-width: 2pt;
63 border-color: #6060cc;
64 }
66 .issue-progress-bar .open {
67 height: 100%;
68 background: steelblue;
69 }
71 .issue-progress-bar .active {
72 height: 100%;
73 background: gold;
74 }
76 .issue-progress-bar .done {
77 height: 100%;
78 background: green;
79 }