251 lines
4.2 KiB
CSS
251 lines
4.2 KiB
CSS
/* You can add global styles to this file, and also import other style files */
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.small {
|
|
font-size: 0.9em !important;
|
|
}
|
|
|
|
.muted {
|
|
color: darkgray;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
table-layout: fixed !important;
|
|
margin-top: 1em;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
tr {
|
|
height: auto !important;
|
|
}
|
|
|
|
tr:not(:last-child) {
|
|
border-bottom: 1pt solid lightgrey;
|
|
}
|
|
|
|
th.mat-sort-header-sorted {
|
|
color: black !important;
|
|
}
|
|
|
|
th,
|
|
td:not(.mat-calendar-body-cell-container) {
|
|
font-size: 0.9em !important;
|
|
padding-top: 0.5em !important;
|
|
padding-bottom: 0.5em !important;
|
|
}
|
|
|
|
td.mat-calendar-body-cell-container {
|
|
font-size: 0.9em !important;
|
|
padding-top: 1.4em !important;
|
|
padding-bottom: 1.4em !important;
|
|
}
|
|
|
|
th,
|
|
td:not(.table-buttons) {
|
|
vertical-align: top;
|
|
white-space: nowrap !important;
|
|
overflow: hidden !important;
|
|
text-overflow: ellipsis !important;
|
|
}
|
|
|
|
.table-buttons {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.table-buttons button {
|
|
font-size: 1em !important;
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important;
|
|
padding-left: 1.5em !important;
|
|
padding-right: 1.5em !important;
|
|
height: 2em !important;
|
|
}
|
|
|
|
.warning {
|
|
background-color: darkorange;
|
|
}
|
|
|
|
.text-monospace {
|
|
font-family: monospace;
|
|
}
|
|
|
|
a,
|
|
a:not([href]) {
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
text-decoration: none;
|
|
text-underline-offset: 3px;
|
|
color: #336699;
|
|
}
|
|
|
|
a:hover,
|
|
a:not([href]):hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.badge-label {
|
|
padding-top: 0.3em;
|
|
padding-bottom: 0.3em;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
border-radius: 0.4em;
|
|
font-size: 1em;
|
|
font-variant: small-caps;
|
|
color: #fff;
|
|
text-align: center;
|
|
margin-left: 0.1em;
|
|
margin-right: 0.1em;
|
|
background-color: darkgrey;
|
|
}
|
|
|
|
.badge-default {
|
|
background-color: #336699;
|
|
}
|
|
|
|
.badge-pending {
|
|
background-color: white;
|
|
border: 1px solid #336699;
|
|
color: #336699;
|
|
}
|
|
|
|
.badge-success {
|
|
background-color: darkgreen;
|
|
}
|
|
|
|
.badge-failure {
|
|
background-color: red;
|
|
}
|
|
|
|
.badge-warning {
|
|
background-color: darkorange;
|
|
}
|
|
|
|
.badge-info {
|
|
background-color: cornflowerblue
|
|
}
|
|
|
|
.mat-mdc-dialog-actions .mat-mdc-form-field-error {
|
|
margin-left: 2em !important;
|
|
margin-right: 2em !important;
|
|
font-size: 0.75em !important;
|
|
}
|
|
|
|
.spinner {
|
|
position: absolute;
|
|
width: 300px;
|
|
left: 0;
|
|
right: 0;
|
|
top: 40%;
|
|
margin: auto;
|
|
z-index: 10000;
|
|
}
|
|
|
|
.spinner * {
|
|
margin: auto;
|
|
}
|
|
|
|
|
|
/* Mermaid Graph */
|
|
|
|
.graphStartNode>rect {
|
|
fill: #ccccff !important;
|
|
stroke: #336699 !important;
|
|
stroke-width: 3px !important;
|
|
}
|
|
|
|
.graphJoinNode>polygon {
|
|
fill: #ffffcc !important;
|
|
stroke: darkorange !important;
|
|
stroke-width: 2px !important;
|
|
stroke-dasharray: 5 !important;
|
|
}
|
|
|
|
.graphSimpleNode>rect {
|
|
fill: white !important;
|
|
stroke: #336699 !important;
|
|
stroke-width: 2px !important;
|
|
}
|
|
|
|
.graphSuccessNode .flowchart-label {
|
|
color: darkgreen !important;
|
|
}
|
|
|
|
.graphSuccessNode>rect {
|
|
fill: #aaffaa !important;
|
|
stroke: darkgreen !important;
|
|
stroke-width: 3px !important;
|
|
}
|
|
|
|
.graphFailureNode>rect {
|
|
fill: #ffaaaa !important;
|
|
stroke: darkred !important;
|
|
stroke-width: 3px !important;
|
|
}
|
|
|
|
.graphReadyJoinNode>polygon {
|
|
fill: #cacaca !important;
|
|
stroke: #696969 !important;
|
|
stroke-width: 2px !important;
|
|
stroke-dasharray: 5 !important;
|
|
}
|
|
|
|
.graphReadyNode>rect {
|
|
fill: #cacaca !important;
|
|
stroke: #696969 !important;
|
|
stroke-width: 2px !important;
|
|
}
|
|
|
|
.graphRunningJoinNode>polygon {
|
|
fill: #aaffaa !important;
|
|
stroke: #22aa22 !important;
|
|
stroke-width: 2px !important;
|
|
stroke-dasharray: 5 !important;
|
|
}
|
|
|
|
.graphRunningNode>rect {
|
|
fill: #aaffaa !important;
|
|
stroke: #22aa22 !important;
|
|
stroke-width: 2px !important;
|
|
}
|
|
|
|
.graphCompletedJoinNode>polygon {
|
|
fill: #aaccff !important;
|
|
stroke: #336699 !important;
|
|
stroke-width: 2px !important;
|
|
stroke-dasharray: 5 !important;
|
|
}
|
|
|
|
.graphCompletedNode>rect {
|
|
fill: #aaccff !important;
|
|
stroke: #336699 !important;
|
|
stroke-width: 2px !important;
|
|
}
|
|
|
|
.graphFailedJoinNode>polygon {
|
|
fill: #ffaaaa !important;
|
|
stroke: #dd2222 !important;
|
|
stroke-width: 2px !important;
|
|
stroke-dasharray: 5 !important;
|
|
}
|
|
|
|
.graphFailedNode>rect {
|
|
fill: #ffaaaa !important;
|
|
stroke: #dd2222 !important;
|
|
stroke-width: 2px !important;
|
|
}
|
|
|
|
|
|
/* End Mermaid Graph */
|