parent
432bdc7e3e
commit
b7bde27b3c
12 changed files with 164 additions and 149 deletions
|
@ -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 {
|
||||
|
|
38
static/css/directives/ui/build-status.css
Normal file
38
static/css/directives/ui/build-status.css
Normal 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;
|
||||
}
|
48
static/css/directives/ui/phase-icon.css
Normal file
48
static/css/directives/ui/phase-icon.css
Normal 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;
|
||||
}
|
Reference in a new issue