github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-04-28 03:01:47 -04:00
Code Issues Packages Projects Releases Wiki Activity

Nest styles

Browse Source
This commit is contained in:
Kevin Sawicki
2014-02-10 17:06:35 -08:00
parent ecf4dbefe3
commit 99c2c32e1e
2 changed files with 133 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
spec/atom-reporter.coffee
View File

@@ -28,7 +28,7 @@ formatStackTrace = (message='', stackTrace) ->
module.exports =
class AtomReporter extends View
@content: ->
@div id: 'HTMLReporter', class: 'jasmine_reporter spec-reporter', =>
@div class: 'jasmine_reporter spec-reporter', =>
@div outlet: 'specPopup', class: "spec-popup"
@div outlet: "suites"
@div outlet: 'coreArea', =>

251
static/jasmine.less
View File

@@ -20,153 +20,166 @@ body {
list-style: none;
}
#HTMLReporter {
.spec-reporter {
font-size: 11px;
font-family: Monaco, Consolas, monospace;
line-height: 1.6em;
color: #333333;
}
#HTMLReporter #jasmine_content {
position: fixed;
right: 100%;
}
#jasmine_content {
position: fixed;
right: 100%;
}
#HTMLReporter .symbolHeader {
background-color: #222;
color: #c2c2c2;
font-size: 12px;
margin: 0;
padding: 5px 2px 2px 2px;
}
.symbolHeader {
background-color: #222;
color: #c2c2c2;
font-size: 12px;
margin: 0;
padding: 5px 2px 2px 2px;
}
#HTMLReporter .symbolSummary {
background-color: #222;
overflow: hidden;
margin: 0;
}
.symbolSummary {
background-color: #222;
overflow: hidden;
margin: 0;
}
#HTMLReporter .symbolSummary li {
float: left;
line-height: 10px;
height: 10px;
width: 10px;
font-size: 10px;
}
.symbolSummary li {
float: left;
line-height: 10px;
height: 10px;
width: 10px;
font-size: 10px;
#HTMLReporter .symbolSummary li.passed { color: #63AD75 }
#HTMLReporter .symbolSummary li.failed { color: #FF3F05 }
#HTMLReporter .symbolSummary li.skipped { color: #444 }
#HTMLReporter .symbolSummary li.pending { color: #111 }
&.passed {
color: #63AD75;
}
#HTMLReporter .symbolSummary li:before { content: "\02022"; }
&.failed {
color: #FF3F05;
}
#HTMLReporter .symbolSummary li:hover {
color: white;
}
&.skipped {
color: #444
}
#HTMLReporter .status {
font-size: 20px;
color: #222;
background-color: #E5FFC0;
line-height: 2em;
padding: 2px;
border: 2px solid #222;
border-left: 0;
border-right: 0;
text-align: center;
}
&.pending {
color: #111;
}
#HTMLReporter .status.failed {
color: white;
background-color: rgba(204,51,63,1.0);
}
&:before {
content: "\02022";
}
#HTMLReporter .status .spec-count {
float: left;
}
&:hover {
color: white;
}
}
#HTMLReporter .status .message {
}
.status {
font-size: 20px;
color: #222;
background-color: #E5FFC0;
line-height: 2em;
padding: 2px;
border: 2px solid #222;
border-left: 0;
border-right: 0;
text-align: center;
#HTMLReporter .status .time {
float: right;
}
&.failed {
color: white;
background-color: rgba(204,51,63,1.0);
}
#HTMLReporter .results .suite + .suite, #HTMLReporter .results .spec + .spec {
border-radius: 0;
}
.spec-count {
float: left;
}
#HTMLReporter .results .suite, #HTMLReporter .results .spec {
border: 2px solid #222;
border-radius: 7px 0 0 0;
border-right: none;
border-bottom: none;
padding: 5px;
padding-right: 0;
padding-bottom: 0;
}
.time {
float: right;
}
}
#HTMLReporter .results .suite:first-child {
border-radius: 0;
border: 2px solid #6A4A3C;
border-top: 0;
border-left: 0;
border-right: 0;
}
.results {
.suite + .suite,
.spec + .spec {
border-radius: 0;
}
#HTMLReporter .results .suite {
border: 2px solid #6A4A3C;
border-radius: 7px 0 0 0;
border-right: none;
border-bottom: none;
padding: 5px;
padding-right: 0;
padding-bottom: 0;
background-color:rgba(204,51,63,0.33);
}
.suite,
.spec {
border: 2px solid #222;
border-radius: 7px 0 0 0;
border-right: none;
border-bottom: none;
padding: 5px;
padding-right: 0;
padding-bottom: 0;
}
#HTMLReporter .results .spec {
padding: 10px;
background-color:rgba(204,51,63,1.0);
}
.suite:first-child {
border-radius: 0;
border: 2px solid #6A4A3C;
border-top: 0;
border-left: 0;
border-right: 0;
}
#HTMLReporter .results .suite > .suite, #HTMLReporter .results .suite > .spec {
margin-left: 5px
}
.suite {
border: 2px solid #6A4A3C;
border-radius: 7px 0 0 0;
border-right: none;
border-bottom: none;
padding: 5px;
padding-right: 0;
padding-bottom: 0;
background-color:rgba(204,51,63,0.33);
}
#HTMLReporter .results .description {
color: white;
font-size: 15px;
padding-bottom: 10px
}
.spec {
padding: 10px;
background-color:rgba(204,51,63,1.0);
}
#HTMLReporter .results .spec .spec-toggle {
font-family: Octicons Regular;
color: white;
font-size: 20px;
float: right;
cursor: pointer;
text-shadow: 3px 3px #222;
opacity: 0;
}
.suite > .suite,
.suite > .spec {
margin-left: 5px
}
#HTMLReporter .results .spec .spec-toggle:hover {
text-shadow: none;
padding-top: 3px;
}
.description {
color: white;
font-size: 15px;
padding-bottom: 10px
}
#HTMLReporter .results .spec:hover .spec-toggle {
opacity: 1;
}
.spec .spec-toggle {
font-family: Octicons Regular;
color: white;
font-size: 20px;
float: right;
cursor: pointer;
text-shadow: 3px 3px #222;
opacity: 0;
}
#HTMLReporter .resultMessage {
padding-top: 5px;
color: #fff;
font-size: 15px
}
.spec .spec-toggle:hover {
text-shadow: none;
padding-top: 3px;
}
.spec:hover .spec-toggle {
opacity: 1;
}
}
.resultMessage {
padding-top: 5px;
color: #fff;
font-size: 15px
}
.spec-reporter {
.stack-trace {
font-size: 12px;
margin: 5px 0 0 0;