Fix display for builds which have fully expired

Fixes #1663
This commit is contained in:
Joseph Schorr 2016-08-03 18:08:04 -04:00
parent 432bdc7e3e
commit b7bde27b3c
12 changed files with 164 additions and 149 deletions

View file

@ -7,11 +7,15 @@
}
.build-state-icon .error {
color: red;
color: #D64456;
}
.build-state-icon .expired {
color: #FCA657;
}
.build-state-icon .internalerror {
color: #DFFF00;
color: #99BA45;
}
.build-state-icon .complete {

View file

@ -0,0 +1,38 @@
.build-status {
display: inline-block;
}
.build-status-container {
padding: 4px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
width: 350px;
}
.build-status-container .build-message {
display: block;
white-space: nowrap;
font-size: 14px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-left: 20px;
}
.build-status-container .progress {
height: 10px;
margin: 0px;
margin-top: 10px;
margin-left: 20px;
width: 310px;
}
.build-status-container .timing {
margin-left: 20px;
margin-top: 6px;
}
.build-status-container:last-child {
margin-bottom: 0px;
border-bottom: 0px solid white;
}

View file

@ -0,0 +1,48 @@
.phase-icon {
border-radius: 50%;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 6px;
}
.active .build-tab-link .phase-icon {
box-shadow: 0px 0px 10px #FFFFFF, 0px 0px 10px #FFFFFF;
}
.build-status .phase-icon {
margin-top: 4px;
float: left;
}
.phase-icon.error {
background-color: #D64456;
}
.phase-icon.expired {
background-color: #FCA657;
}
.phase-icon.internalerror {
background-color: #99BA45;
}
.phase-icon.waiting, .phase-icon.build-scheduled {
background-color: rgba(66, 139, 202, 0.2);
}
.phase-icon.unpacking, .phase-icon.starting, .phase-icon.initializing {
background-color: rgba(66, 139, 202, 0.4);
}
.phase-icon.pulling, .phase-icon.priming-cache, .phase-icon.checking-cache {
background-color: rgba(66, 139, 202, 0.6);
}
.phase-icon.pushing, .phase-icon.building {
background-color: rgba(66, 139, 202, 0.8);
}
.phase-icon.complete {
background-color: #2fcc66;
}