blueocean-plugin/blueocean-personalization/src/main/less/components/pipeline-card.less

90 lines
1.4 KiB
Plaintext

.pipeline-card {
display: flex;
align-items: center;
border-radius: 4px;
color: white;
min-width: 400px;
padding: 15px;
a {
color: white;
}
.name, .branch, .commit {
margin-left: 10px;
}
.branch, .commit {
display: flex;
align-items: center;
}
.name {
width: 55%;
}
.branch {
width: 45%;
}
.commit {
min-width: 100px;
}
.name, .branchText, .commitId {
min-height: 18px;
}
.commitId {
margin: 0 0 0 5px;
}
.actions {
display: flex;
align-items: center;
justify-content: flex-end;
min-width: 60px;
margin-left: 10px;
}
.run {
margin-right: 10px;
}
.svg-icon {
fill: white;
}
// remove empty space to attain centered vertical alignment
.run, .actions {
> * {
vertical-align: bottom;
}
}
.progress-spinner.running {
circle {
stroke: #bcd8f1;
}
path.running {
stroke: white;
}
}
.progress-spinner.queued {
circle {
stroke: white;
}
circle.inner {
stroke: white;
fill: white;
}
}
.progress-spinner.not_built {
circle {
stroke: white;
}
}
}