cleanup log styles a bit, remove ids form css
This commit is contained in:
Lisa Passing
parent
8c1e52dd13
commit
101fbc3021
|
|
@ -1,19 +1,93 @@
|
||||||
|
|
||||||
pre#log
|
.log
|
||||||
position: relative
|
position: relative
|
||||||
clear: left
|
margin-top: 35px
|
||||||
min-height: 42px
|
|
||||||
margin-top: 25px
|
.log-tail
|
||||||
margin-top: 1em
|
z-index: 99
|
||||||
padding: 15px 0
|
position: absolute
|
||||||
color: $color-text-log
|
display: block
|
||||||
font-family: monospace
|
top: 0
|
||||||
font-size: $font-size-log
|
right: 2px
|
||||||
line-height: $line-height-log
|
margin: 13px 10px 0 0
|
||||||
white-space: pre-wrap
|
padding: 0 2px 0 3px
|
||||||
word-wrap: break-word
|
color: #666
|
||||||
background-color: #2a2a2a
|
text-shadow: 0px 1px 0px #fff
|
||||||
counter-reset: line-numbering
|
font-family: "Source Sans Pro", Helvetica, sans-serif
|
||||||
|
font-size: $font-size-tiny
|
||||||
|
line-height: 14px
|
||||||
|
text-decoration: none
|
||||||
|
white-space: nowrap
|
||||||
|
border: 1px solid #bbb
|
||||||
|
border-top-color: #ddd
|
||||||
|
border-bottom-color: #bbb
|
||||||
|
border-radius: 8px
|
||||||
|
background: linear-gradient(#fff, #e0e0e0)
|
||||||
|
|
||||||
|
label
|
||||||
|
display: none
|
||||||
|
cursor: pointer
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
padding: 1px 4px 1px 6px
|
||||||
|
label
|
||||||
|
display: inline
|
||||||
|
|
||||||
|
&.scrolling
|
||||||
|
position: fixed
|
||||||
|
right: 32px
|
||||||
|
|
||||||
|
&.bottom
|
||||||
|
bottom: 45px
|
||||||
|
top: inherit
|
||||||
|
|
||||||
|
.status
|
||||||
|
display: inline-block
|
||||||
|
margin-right: 1px
|
||||||
|
width: 8px
|
||||||
|
height: 8px
|
||||||
|
background-color: #aaa
|
||||||
|
border-radius: 4px
|
||||||
|
box-shadow: $white 1px 1px 2px
|
||||||
|
|
||||||
|
&.active .status
|
||||||
|
background-color: #6b0
|
||||||
|
|
||||||
|
.to-top
|
||||||
|
z-index: 99
|
||||||
|
position: absolute
|
||||||
|
display: block
|
||||||
|
bottom: 2px
|
||||||
|
right: 2px
|
||||||
|
|
||||||
|
margin-right: 2px
|
||||||
|
padding-right: 16px
|
||||||
|
text-align: right
|
||||||
|
color: #999
|
||||||
|
background: inline-image('ui/workers-close.svg') no-repeat right 6px
|
||||||
|
|
||||||
|
.log-header
|
||||||
|
height: 40px
|
||||||
|
margin: 0
|
||||||
|
background-color: $log-header-bg
|
||||||
|
@extend %border-top-4px
|
||||||
|
|
||||||
|
.log-body
|
||||||
|
position: relative
|
||||||
|
pre
|
||||||
|
clear: left
|
||||||
|
min-height: 42px
|
||||||
|
padding: 15px 0
|
||||||
|
color: $color-text-log
|
||||||
|
font-family: monospace
|
||||||
|
font-size: $font-size-log
|
||||||
|
line-height: $line-height-log
|
||||||
|
white-space: pre-wrap
|
||||||
|
word-wrap: break-word
|
||||||
|
background-color: #2a2a2a
|
||||||
|
counter-reset: line-numbering
|
||||||
|
margin-top: 0
|
||||||
|
@extend %border-bottom-4px
|
||||||
|
|
||||||
.cut
|
.cut
|
||||||
padding: 20px 15px 0 55px
|
padding: 20px 15px 0 55px
|
||||||
|
|
@ -94,86 +168,5 @@ pre#log
|
||||||
border-radius: 6px
|
border-radius: 6px
|
||||||
color: #bbb
|
color: #bbb
|
||||||
|
|
||||||
|
.loading
|
||||||
#log.loading
|
padding: 25px 0 0 10px
|
||||||
padding: 25px 0 0 10px
|
|
||||||
|
|
||||||
#log-container
|
|
||||||
position: relative
|
|
||||||
margin-top: 35px
|
|
||||||
|
|
||||||
#log-container
|
|
||||||
#tail
|
|
||||||
z-index: 99
|
|
||||||
position: absolute
|
|
||||||
display: block
|
|
||||||
top: 0
|
|
||||||
right: 2px
|
|
||||||
margin: 13px 10px 0 0
|
|
||||||
padding: 0 2px 0 3px
|
|
||||||
color: #666
|
|
||||||
text-shadow: 0px 1px 0px #fff
|
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif
|
|
||||||
font-size: $font-size-tiny
|
|
||||||
line-height: 14px
|
|
||||||
text-decoration: none
|
|
||||||
white-space: nowrap
|
|
||||||
border: 1px solid #bbb
|
|
||||||
border-top-color: #ddd
|
|
||||||
border-bottom-color: #bbb
|
|
||||||
border-radius: 8px
|
|
||||||
background: linear-gradient(#fff, #e0e0e0)
|
|
||||||
|
|
||||||
label
|
|
||||||
display: none
|
|
||||||
cursor: pointer
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
padding: 1px 4px 1px 6px
|
|
||||||
label
|
|
||||||
display: inline
|
|
||||||
|
|
||||||
&.scrolling
|
|
||||||
position: fixed
|
|
||||||
right: 32px
|
|
||||||
|
|
||||||
&.bottom
|
|
||||||
bottom: 45px
|
|
||||||
top: inherit
|
|
||||||
|
|
||||||
.status
|
|
||||||
display: inline-block
|
|
||||||
margin-right: 1px
|
|
||||||
width: 8px
|
|
||||||
height: 8px
|
|
||||||
background-color: #aaa
|
|
||||||
border-radius: 4px
|
|
||||||
box-shadow: $white 1px 1px 2px
|
|
||||||
|
|
||||||
&.active .status
|
|
||||||
background-color: #6b0
|
|
||||||
|
|
||||||
.to-top
|
|
||||||
z-index: 99
|
|
||||||
position: absolute
|
|
||||||
display: block
|
|
||||||
bottom: 2px
|
|
||||||
right: 2px
|
|
||||||
|
|
||||||
margin-right: 2px
|
|
||||||
padding-right: 16px
|
|
||||||
text-align: right
|
|
||||||
color: #999
|
|
||||||
background: inline-image('ui/workers-close.svg') no-repeat right 6px
|
|
||||||
|
|
||||||
|
|
||||||
.log
|
|
||||||
|
|
||||||
.log-header
|
|
||||||
background-color: $log-header-bg
|
|
||||||
height: 40px
|
|
||||||
@extend %border-top-4px
|
|
||||||
|
|
||||||
.log-body
|
|
||||||
@extend %border-bottom-4px
|
|
||||||
margin: 0
|
|
||||||
|
|
|
||||||
|
|
@ -3,27 +3,29 @@
|
||||||
<button class="button button--grey button--removeLog">Remove Log</button>
|
<button class="button button--grey button--removeLog">Remove Log</button>
|
||||||
<button class="button button--grey button--downloadLog">Download Log</button>
|
<button class="button button--grey button--downloadLog">Download Log</button>
|
||||||
</menu>
|
</menu>
|
||||||
<a href="#" id="tail" {{action "toggleTailing" target=view}}>
|
<div class="log-body">
|
||||||
<span class="status"></span>
|
<a href="#" id="tail" class="log-tail" {{action "toggleTailing" target=view}}>
|
||||||
|
<span class="status"></span>
|
||||||
|
|
||||||
<label>
|
<label>
|
||||||
{{#if view.job.isFinished}}
|
{{#if view.job.isFinished}}
|
||||||
Scroll to End of Log
|
Scroll to End of Log
|
||||||
{{else}}
|
{{else}}
|
||||||
Follow Log
|
Follow Log
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</label>
|
</label>
|
||||||
</a>
|
</a>
|
||||||
<pre id="log" class="ansi log-body"></pre>
|
<pre id="log" class="ansi"></pre>
|
||||||
|
|
||||||
{{#if view.log.hasContent}}
|
{{#if view.log.hasContent}}
|
||||||
<a href='#' class="to-top" {{action "toTop" target=view}}>Top</a>
|
<a href='#' class="to-top" {{action "toTop" target=view}}>Top</a>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
{{#if view.limited}}
|
{{#if view.limited}}
|
||||||
<p class="warning">
|
<p class="warning">
|
||||||
This log is too long to be displayed. Please reduce the verbosity of your
|
This log is too long to be displayed. Please reduce the verbosity of your
|
||||||
build or download the <a {{bind-attr href="view.plainTextLogUrl"}}>raw log</a>.
|
build or download the <a {{bind-attr href="view.plainTextLogUrl"}}>raw log</a>.
|
||||||
</p>
|
</p>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user