src/main/webapp/projects.css

Sat, 29 Aug 2020 12:15:48 +0200

author
Mike Becker <universe@uap-core.de>
date
Sat, 29 Aug 2020 12:15:48 +0200
changeset 103
3d0d030dffa7
parent 101
c34c81b87674
child 110
9d0be0b1580f
permissions
-rw-r--r--

improves styling and readability of issue list

universe@52 1 /*
universe@52 2 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
universe@52 3 *
universe@52 4 * Copyright 2018 Mike Becker. All rights reserved.
universe@52 5 *
universe@52 6 * Redistribution and use in source and binary forms, with or without
universe@52 7 * modification, are permitted provided that the following conditions are met:
universe@52 8 *
universe@52 9 * 1. Redistributions of source code must retain the above copyright
universe@52 10 * notice, this list of conditions and the following disclaimer.
universe@52 11 *
universe@52 12 * 2. Redistributions in binary form must reproduce the above copyright
universe@52 13 * notice, this list of conditions and the following disclaimer in the
universe@52 14 * documentation and/or other materials provided with the distribution.
universe@52 15 *
universe@52 16 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
universe@52 17 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
universe@52 18 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
universe@52 19 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
universe@52 20 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
universe@52 21 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
universe@52 22 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
universe@52 23 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
universe@52 24 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
universe@52 25 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
universe@52 26 * POSSIBILITY OF SUCH DAMAGE.
universe@52 27 *
universe@52 28 */
universe@75 29
universe@86 30 .project-attributes {
universe@81 31 margin-bottom: 2em;
universe@81 32 }
universe@81 33
universe@101 34 .project-attributes .row > div + div {
universe@81 35 padding-left: 2em;
universe@81 36 }
universe@81 37
universe@81 38 span.phase-2 {
universe@81 39 text-decoration: line-through;
universe@81 40 }
universe@86 41
universe@86 42 .issue-progress-bar {
universe@101 43 box-sizing: border-box;
universe@101 44 width: 100%;
universe@101 45 height: 0.5em;
universe@86 46 display: flex;
universe@86 47 position: relative;
universe@101 48 border-style: solid;
universe@101 49 border-width: 1pt;
universe@86 50 border-color: #6060cc;
universe@86 51 }
universe@86 52
universe@86 53 .issue-progress-bar .open {
universe@86 54 height: 100%;
universe@86 55 background: steelblue;
universe@86 56 }
universe@86 57
universe@86 58 .issue-progress-bar .active {
universe@86 59 height: 100%;
universe@86 60 background: gold;
universe@86 61 }
universe@86 62
universe@86 63 .issue-progress-bar .done {
universe@86 64 height: 100%;
universe@86 65 background: green;
universe@86 66 }
universe@92 67
universe@92 68 .issue-tag {
universe@92 69 padding: .1em 2ex .1em 2ex;
universe@92 70 display: inline-block;
universe@101 71 box-sizing: border-box;
universe@103 72 border-style: solid;
universe@103 73 border-width: 1pt;
universe@92 74 border-color: silver;
universe@103 75 border-radius: 4pt;
universe@92 76 background: lightgray;
universe@101 77 text-align: center;
universe@92 78 font-weight: bolder;
universe@103 79 font-size: x-small;
universe@92 80 color: whitesmoke;
universe@92 81 }
universe@92 82
universe@92 83 .issue-tag.Bug {
universe@92 84 background: red;
universe@92 85 }
universe@92 86
universe@92 87 .issue-tag.Improvement, .issue-tag.Feature {
universe@103 88 background: limegreen;
universe@92 89 }
universe@92 90
universe@92 91 .issue-tag.Task {
universe@92 92 background: deepskyblue;
universe@92 93 }
universe@92 94
universe@92 95 .issue-tag.Test {
universe@92 96 background: lightskyblue;
universe@92 97 }
universe@92 98
universe@92 99 .issue-tag.phase-0 {
universe@92 100 background: steelblue;
universe@92 101 }
universe@92 102
universe@92 103 .issue-tag.phase-1 {
universe@92 104 background: gold;
universe@92 105 color: black;
universe@92 106 }
universe@92 107
universe@92 108 .issue-tag.phase-2 {
universe@92 109 background: green;
universe@92 110 }
universe@92 111

mercurial