src/main/webapp/projects.css

/*
 * DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS HEADER.
 *
 * Copyright 2021 Mike Becker. All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 *   1. Redistributions of source code must retain the above copyright
 *      notice, this list of conditions and the following disclaimer.
 *
 *   2. Redistributions in binary form must reproduce the above copyright
 *      notice, this list of conditions and the following disclaimer in the
 *      documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
 * ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
 * LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 * POSSIBILITY OF SUCH DAMAGE.
 *
 */

.project-attributes {
    margin-bottom: 1em;
}

.project-attributes .row > div + div {
    padding-left: 2em;
}

span.phase-2 {
    text-decoration: line-through;
}

.issue-progress-bar {
    box-sizing: border-box;
    width: 100%;
    height: 0.5em;
    display: flex;
    position: relative;
    border-style: solid;
    border-width: thin;
    border-color: #6060cc;
}

.issue-progress-bar .open {
    height: 100%;
    background: steelblue;
}

.issue-progress-bar .active {
    height: 100%;
    background: gold;
}

.issue-progress-bar .done {
    height: 100%;
    background: green;
}

.issue-tag, .version-tag {
    padding: .1em 2ex .1em 2ex;
    display: inline-block;
    box-sizing: border-box;
    border-style: solid;
    border-width: thin;
    border-color: silver;
    border-radius: 4pt;
    background: darkgray;
    text-align: center;
    font-weight: bolder;
    font-size: x-small;
    color: whitesmoke;
}

.issue-tag.Bug {
    background: red;
}

.issue-tag.Improvement, .issue-tag.Feature {
    background: limegreen;
}

.issue-tag.Task {
    background: deepskyblue;
}

.issue-tag.Test {
    background: lightskyblue;
}

.issue-tag.phase-0 {
    background: steelblue;
}

.issue-tag.phase-1 {
    background: gold;
    color: black;
}

.issue-tag.phase-2 {
    background: green;
}

div.navmenu-icon {
    display: inline-block;
    width: .5em;
    height: .5em;
    margin-right: .25em;
}

.version-Future {
    background: lightskyblue;
}

.version-Unreleased {
    background: gold;
    color: black;
}

.version-Released {
    background: limegreen;
}

.version-LTS {
    background: green;
}

.version-Deprecated {
    color: lightgray;
    background: darkgray;
}

hr.issue-view-separator {
    border-image-source: linear-gradient(to right, rgba(60, 60, 60, .1), rgba(96, 96, 96, 1), rgba(60, 60, 60, .1));
    border-image-slice: 1;
    border-width: thin;
    border-style: none;
    border-top-style: solid;
}

div.comment {
    padding-left: .25rem;
    margin-bottom: 1.25em;
}

.comment-author {
    color: #3060f8;
    background: #e7e7ef;
    margin-left: -.25rem;
    padding: .25rem;
}

.comment-author-name {
    color: inherit;
}

.comment-edit-icon {
    margin-left: 1ex;
}

span.comment-edit-info {
    margin-left: 1ex;
    color: #556080;
}

span.eta-overdue {
    color: red;
}

table.issue-view {
    border-collapse: collapse;
    margin-bottom: 1em;
}

table.issue-view td, table.issue-view th {
    background: #f7f7f7;
    border: solid silver 1pt;
    padding: .5em;
}

table.issue-view th {
    white-space: nowrap;
}

table.relation-editor input,
table.relation-editor button,
table.relation-editor .button {
    box-sizing: border-box;
    width: 100%;
}

table.relation-editor button,
table.relation-editor .button {
    text-align: center;
    padding: .1em .25em .1em .25em;
}