Have the docker file view in the build pack tab use a nice formatter
This commit is contained in:
parent
509ba2f4f7
commit
d1922c6fd2
6 changed files with 163 additions and 51 deletions
|
@ -9,6 +9,47 @@
|
|||
}
|
||||
}
|
||||
|
||||
.dockerfile-view {
|
||||
margin: 20px;
|
||||
padding: 20px;
|
||||
background: #F7F6F6;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.dockerfile-view .entry {
|
||||
font-family: Consolas, "Lucida Console", Monaco, monospace;
|
||||
}
|
||||
|
||||
.dockerfile-view .entry.comment {
|
||||
color: rgb(82, 172, 82);
|
||||
}
|
||||
|
||||
.dockerfile-command {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dockerfile-command .command-title {
|
||||
font-family: Consolas, "Lucida Console", Monaco, monospace;
|
||||
padding-left: 90px;
|
||||
}
|
||||
|
||||
.dockerfile-command .label {
|
||||
color: white;
|
||||
|
||||
padding-top: 4px;
|
||||
text-align: right;
|
||||
margin-right: 4px;
|
||||
width: 86px;
|
||||
display: inline-block;
|
||||
|
||||
border-right: 4px solid #aaa;
|
||||
background-color: #333;
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -4px;
|
||||
}
|
||||
|
||||
.codetooltipcontainer .tooltip-inner {
|
||||
white-space:pre;
|
||||
max-width:none;
|
||||
|
@ -1819,6 +1860,14 @@ p.editable:hover i {
|
|||
left: 24px;
|
||||
}
|
||||
|
||||
.repo-build .build-pane .build-logs .dockerfile-command {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.repo-build .build-pane .build-logs .dockerfile-command .command-title {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.repo-build .build-pane .build-logs .container-header .container-content {
|
||||
display: block;
|
||||
padding-left: 20px;
|
||||
|
@ -1828,26 +1877,6 @@ p.editable:hover i {
|
|||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.label.FROM {
|
||||
border-color: #5bc0de !important;
|
||||
}
|
||||
|
||||
.label.CMD, .label.EXPOSE, .label.ENTRYPOINT {
|
||||
border-color: #428bca !important;
|
||||
}
|
||||
|
||||
.label.RUN, .label.ADD {
|
||||
border-color: #5cb85c !important;
|
||||
}
|
||||
|
||||
.label.ENV, .label.VOLUME, .label.USER, .label.WORKDIR {
|
||||
border-color: #f0ad4e !important;
|
||||
}
|
||||
|
||||
.label.MAINTAINER {
|
||||
border-color: #aaa !important;
|
||||
}
|
||||
|
||||
.repo-build .build-pane .build-logs .log-entry {
|
||||
position: relative;
|
||||
}
|
||||
|
@ -3191,4 +3220,24 @@ pre.command:before {
|
|||
.file-drop {
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.label.FROM {
|
||||
border-color: #5bc0de !important;
|
||||
}
|
||||
|
||||
.label.CMD, .label.EXPOSE, .label.ENTRYPOINT {
|
||||
border-color: #428bca !important;
|
||||
}
|
||||
|
||||
.label.RUN, .label.ADD {
|
||||
border-color: #5cb85c !important;
|
||||
}
|
||||
|
||||
.label.ENV, .label.VOLUME, .label.USER, .label.WORKDIR {
|
||||
border-color: #f0ad4e !important;
|
||||
}
|
||||
|
||||
.label.MAINTAINER {
|
||||
border-color: #aaa !important;
|
||||
}
|
Reference in a new issue