try using font/icons for color issues
This commit is contained in:
parent
d005f241ba
commit
e2ea999974
|
@ -16,12 +16,12 @@
|
|||
{{/if}}
|
||||
{{#if view.canRequeueBuild}}
|
||||
<li>
|
||||
<a href="#" {{action requeueBuild target="view"}}>Rebuild</a>
|
||||
<a href="#" {{action requeueBuild target="view"}}>Restart Build</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if view.canRequeueJob}}
|
||||
<li>
|
||||
<a href="#" {{action requeueJob target="view"}}>Rebuild</a>
|
||||
<a href="#" {{action requeueJob target="view"}}>Restart Job</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{#if view.canRegenerateKey}}
|
||||
|
|
|
@ -1,5 +1,12 @@
|
|||
@import "_mixins/all"
|
||||
|
||||
@font-face
|
||||
font-family: 'Glyphicons Halflings'
|
||||
src: url('/fonts/glyphiconshalflings-regular.eot')
|
||||
src: url('/fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphiconshalflings-regular.woff') format('woff'), url('/fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('/fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg')
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
|
||||
html, body
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif
|
||||
font-size: $font-size-small
|
||||
|
|
|
@ -1,40 +1,65 @@
|
|||
@import "_mixins/all"
|
||||
|
||||
// .status
|
||||
// display: inline-block
|
||||
// width: 10px
|
||||
// height: 10px
|
||||
// margin-right: 2px
|
||||
// @include border-radius(5px)
|
||||
|
||||
.status
|
||||
display: inline-block
|
||||
width: 10px
|
||||
height: 10px
|
||||
width: 12px
|
||||
height: 12px
|
||||
margin-right: 2px
|
||||
@include border-radius(5px)
|
||||
|
||||
#repos,
|
||||
.number
|
||||
.status:before
|
||||
-webkit-font-smoothing: antialiased !important
|
||||
position: absolute
|
||||
display: inline-block
|
||||
width: 12px
|
||||
height: 12px
|
||||
font: 12px 'Glyphicons Halflings'
|
||||
font-style: normal
|
||||
|
||||
#repos .yellow,
|
||||
.yellow #summary .number,
|
||||
.list .yellow .number,
|
||||
.status
|
||||
background-color: $color-bg-status-pending
|
||||
width: 10px
|
||||
height: 10px
|
||||
margin-top: 1px
|
||||
margin-left: 1px
|
||||
@include border-radius(5px)
|
||||
a
|
||||
color: $color-text-status-pending
|
||||
|
||||
#repos .green,
|
||||
.green #summary .number,
|
||||
.list .green .number
|
||||
.status
|
||||
background-color: $color-bg-status-passed
|
||||
.status:before
|
||||
content: "\e084"
|
||||
color: $color-bg-status-passed
|
||||
a
|
||||
color: $color-text-status-passed
|
||||
|
||||
#repos .red,
|
||||
.red #summary .number,
|
||||
.list .red .number
|
||||
.status
|
||||
background-color: $color-bg-status-failed
|
||||
.status:before
|
||||
content: "\e081"
|
||||
color: $color-bg-status-failed
|
||||
@include rotate(45deg)
|
||||
a
|
||||
color: $color-text-status-failed
|
||||
|
||||
#repos .gray,
|
||||
.gray #summary .number,
|
||||
.list .gray .number
|
||||
.status
|
||||
background-color: $color-bg-status-gray
|
||||
.status:before
|
||||
content: "\e101"
|
||||
color: $color-bg-status-gray
|
||||
a
|
||||
color: $color-text-status-gray
|
||||
|
||||
|
|
|
@ -1,11 +0,0 @@
|
|||
#HTMLReporter {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
width: 50%;
|
||||
height: 150px;
|
||||
z-index: 1000;
|
||||
background-color: white;
|
||||
overflow: auto;
|
||||
border: 1px solid #A80000;
|
||||
}
|
|
@ -1,79 +0,0 @@
|
|||
#HTMLReporter { font-size: 11px; font-family: Monaco, "Lucida Console", monospace; line-height: 14px; color: #333333; }
|
||||
#HTMLReporter a { text-decoration: none; }
|
||||
#HTMLReporter a:hover { text-decoration: underline; }
|
||||
#HTMLReporter p, #HTMLReporter h1, #HTMLReporter h2, #HTMLReporter h3, #HTMLReporter h4, #HTMLReporter h5, #HTMLReporter h6 { margin: 0; line-height: 14px; }
|
||||
#HTMLReporter .banner, #HTMLReporter .symbolSummary, #HTMLReporter .summary, #HTMLReporter .resultMessage, #HTMLReporter .specDetail .description, #HTMLReporter .alert .bar, #HTMLReporter .stackTrace { padding-left: 9px; padding-right: 9px; }
|
||||
#HTMLReporter #jasmine_content { position: fixed; right: 100%; }
|
||||
#HTMLReporter .version { color: #aaaaaa; }
|
||||
#HTMLReporter .banner { margin-top: 14px; }
|
||||
#HTMLReporter .duration { color: #aaaaaa; float: right; }
|
||||
#HTMLReporter .symbolSummary { overflow: hidden; *zoom: 1; margin: 14px 0; }
|
||||
#HTMLReporter .symbolSummary li { display: block; float: left; height: 7px; width: 14px; margin-bottom: 7px; font-size: 16px; }
|
||||
#HTMLReporter .symbolSummary li.passed { font-size: 14px; }
|
||||
#HTMLReporter .symbolSummary li.passed:before { color: #5e7d00; content: "\02022"; }
|
||||
#HTMLReporter .symbolSummary li.failed { line-height: 9px; }
|
||||
#HTMLReporter .symbolSummary li.failed:before { color: #b03911; content: "x"; font-weight: bold; margin-left: -1px; }
|
||||
#HTMLReporter .symbolSummary li.skipped { font-size: 14px; }
|
||||
#HTMLReporter .symbolSummary li.skipped:before { color: #bababa; content: "\02022"; }
|
||||
#HTMLReporter .symbolSummary li.pending { line-height: 11px; }
|
||||
#HTMLReporter .symbolSummary li.pending:before { color: #aaaaaa; content: "-"; }
|
||||
#HTMLReporter .bar { line-height: 28px; font-size: 14px; display: block; color: #eee; }
|
||||
#HTMLReporter .runningAlert { background-color: #666666; }
|
||||
#HTMLReporter .skippedAlert { background-color: #aaaaaa; }
|
||||
#HTMLReporter .skippedAlert:first-child { background-color: #333333; }
|
||||
#HTMLReporter .skippedAlert:hover { text-decoration: none; color: white; text-decoration: underline; }
|
||||
#HTMLReporter .passingAlert { background-color: #a6b779; }
|
||||
#HTMLReporter .passingAlert:first-child { background-color: #5e7d00; }
|
||||
#HTMLReporter .failingAlert { background-color: #cf867e; }
|
||||
#HTMLReporter .failingAlert:first-child { background-color: #b03911; }
|
||||
#HTMLReporter .results { margin-top: 14px; }
|
||||
#HTMLReporter #details { display: none; }
|
||||
#HTMLReporter .resultsMenu, #HTMLReporter .resultsMenu a { background-color: #fff; color: #333333; }
|
||||
#HTMLReporter.showDetails .summaryMenuItem { font-weight: normal; text-decoration: inherit; }
|
||||
#HTMLReporter.showDetails .summaryMenuItem:hover { text-decoration: underline; }
|
||||
#HTMLReporter.showDetails .detailsMenuItem { font-weight: bold; text-decoration: underline; }
|
||||
#HTMLReporter.showDetails .summary { display: none; }
|
||||
#HTMLReporter.showDetails #details { display: block; }
|
||||
#HTMLReporter .summaryMenuItem { font-weight: bold; text-decoration: underline; }
|
||||
#HTMLReporter .summary { margin-top: 14px; }
|
||||
#HTMLReporter .summary .suite .suite, #HTMLReporter .summary .specSummary { margin-left: 14px; }
|
||||
#HTMLReporter .summary .specSummary.passed a { color: #5e7d00; }
|
||||
#HTMLReporter .summary .specSummary.failed a { color: #b03911; }
|
||||
#HTMLReporter .description + .suite { margin-top: 0; }
|
||||
#HTMLReporter .suite { margin-top: 14px; }
|
||||
#HTMLReporter .suite a { color: #333333; }
|
||||
#HTMLReporter #details .specDetail { margin-bottom: 28px; }
|
||||
#HTMLReporter #details .specDetail .description { display: block; color: white; background-color: #b03911; }
|
||||
#HTMLReporter .resultMessage { padding-top: 14px; color: #333333; }
|
||||
#HTMLReporter .resultMessage span.result { display: block; }
|
||||
#HTMLReporter .stackTrace { margin: 5px 0 0 0; max-height: 224px; overflow: auto; line-height: 18px; color: #666666; border: 1px solid #ddd; background: white; white-space: pre; }
|
||||
|
||||
#TrivialReporter { padding: 8px 13px; clear: both; overflow-y: scroll; background-color: white; font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif; /*.resultMessage {*/ /*white-space: pre;*/ /*}*/ }
|
||||
#TrivialReporter a:visited, #TrivialReporter a { color: #303; }
|
||||
#TrivialReporter a:hover, #TrivialReporter a:active { color: blue; }
|
||||
#TrivialReporter .run_spec { float: right; padding-right: 5px; font-size: .8em; text-decoration: none; }
|
||||
#TrivialReporter .banner { color: #303; background-color: #fef; padding: 5px; }
|
||||
#TrivialReporter .logo { float: left; font-size: 1.1em; padding-left: 5px; }
|
||||
#TrivialReporter .logo .version { font-size: .6em; padding-left: 1em; }
|
||||
#TrivialReporter .runner.running { background-color: yellow; }
|
||||
#TrivialReporter .options { text-align: right; font-size: .8em; }
|
||||
#TrivialReporter .suite { border: 1px outset gray; margin: 5px 0; padding-left: 1em; }
|
||||
#TrivialReporter .suite .suite { margin: 5px; }
|
||||
#TrivialReporter .suite.passed { background-color: #dfd; }
|
||||
#TrivialReporter .suite.failed { background-color: #fdd; }
|
||||
#TrivialReporter .spec { margin: 5px; padding-left: 1em; clear: both; }
|
||||
#TrivialReporter .spec.failed, #TrivialReporter .spec.passed, #TrivialReporter .spec.skipped { padding-bottom: 5px; border: 1px solid gray; }
|
||||
#TrivialReporter .spec.failed { background-color: #fbb; border-color: red; }
|
||||
#TrivialReporter .spec.passed { background-color: #bfb; border-color: green; }
|
||||
#TrivialReporter .spec.skipped { background-color: #bbb; }
|
||||
#TrivialReporter .messages { border-left: 1px dashed gray; padding-left: 1em; padding-right: 1em; }
|
||||
#TrivialReporter .passed { background-color: #cfc; display: none; }
|
||||
#TrivialReporter .failed { background-color: #fbb; }
|
||||
#TrivialReporter .skipped { color: #777; background-color: #eee; display: none; }
|
||||
#TrivialReporter .resultMessage span.result { display: block; line-height: 2em; color: black; }
|
||||
#TrivialReporter .resultMessage .mismatch { color: black; }
|
||||
#TrivialReporter .stackTrace { white-space: pre; font-size: .8em; margin-left: 10px; max-height: 5em; overflow: auto; border: 1px inset red; padding: 1em; background: #eef; }
|
||||
#TrivialReporter .finished-at { padding-left: 1em; font-size: .6em; }
|
||||
#TrivialReporter.show-passed .passed, #TrivialReporter.show-skipped .skipped { display: block; }
|
||||
#TrivialReporter #jasmine_content { position: fixed; right: 100%; }
|
||||
#TrivialReporter .runner { border: 1px solid gray; display: block; margin: 5px 0; padding: 2px 0 2px 10px; }
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user