Start on the new build view
This commit is contained in:
parent
5cc1c90021
commit
e227d7e526
30 changed files with 816 additions and 11 deletions
128
static/css/directives/ui/build-logs-view.css
Normal file
128
static/css/directives/ui/build-logs-view.css
Normal file
|
@ -0,0 +1,128 @@
|
|||
.build-logs-view {
|
||||
position: relative;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
box-shadow: inset 10px 10px 5px -9px rgba(0,0,0,0.75);
|
||||
background: linear-gradient(30deg, #263945, #061C2A) no-repeat left top fixed;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.build-logs-view .container-logs {
|
||||
margin: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.build-logs-view .command-title,
|
||||
.build-logs-view .log-entry .message,
|
||||
.build-logs-view .log-entry .message span {
|
||||
font-family: Consolas, "Lucida Console", Monaco, monospace;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header i.fa.chevron {
|
||||
color: #666;
|
||||
margin-right: 4px;
|
||||
width: 14px;
|
||||
text-align: center;
|
||||
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.build-logs-view .log-container.command {
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header.building {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header.pushing {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.build-logs-view .build-log-error-element .error-message-container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
background: rgba(255, 0, 0, 0.17);
|
||||
border-radius: 10px;
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.build-logs-view .build-log-error-element .error-message-container i.fa {
|
||||
color: red;
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 11px;
|
||||
}
|
||||
|
||||
.build-logs-view .build-log-error-element .error-message {
|
||||
display: inline-block;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header .label {
|
||||
padding-top: 4px;
|
||||
text-align: right;
|
||||
margin-right: 4px;
|
||||
width: 86px;
|
||||
display: inline-block;
|
||||
|
||||
border-right: 4px solid #aaa;
|
||||
background-color: #717171;
|
||||
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 24px;
|
||||
}
|
||||
|
||||
.build-logs-view .dockerfile-command {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.build-logs-view .dockerfile-command .command-title {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header .container-content {
|
||||
display: block;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.build-logs-view .container-header .container-content.build-log-command {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.build-logs-view .log-entry {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.build-logs-view .log-entry .message {
|
||||
display: inline-block;
|
||||
margin-left: 46px;
|
||||
}
|
||||
|
||||
.build-logs-view .log-entry .id {
|
||||
color: #aaa;
|
||||
padding-right: 6px;
|
||||
margin-right: 6px;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
width: 40px;
|
||||
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
}
|
Reference in a new issue