Jasmine result styles for non-jumping page

The default jasmine page always jumped around, since the #jasmine_content area is above the results.
This css makes the page more stable with a 2-column layout, progress top, results left, content right.

# jasmine.yml
stylesheets:
  - spec/javascripts/support/jasmine.css
  ...
# spec/javascripts/support/jasmine.css

#HTMLReporter .results{
  position:absolute;
  top: 250px;
  width: 50%;
}

#jasmine_content {
  position:absolute;
  top: 250px;
  right: 0;
  width: 50%;
}
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s