TestView styling and responsive tweaks

This commit is contained in:
Scott Erickson 2016-03-16 12:37:58 -07:00
parent ecfb148b3c
commit 461fb14f37
3 changed files with 29 additions and 31 deletions

View file

@ -2,15 +2,9 @@
background-color: #eee
margin: 0 20px
padding: 0
h2
#test-h2
background: #add8e6
font-family: Arial, Geneva, sans-serif
padding: 20px
font-weight: bold
#test-wrapper
width: 78%
#test-nav
width: 20%

View file

@ -1,4 +1,4 @@
h2 Testing Page
h2#test-h2 Testing Page
ol.breadcrumb
for path in parentFolders
@ -6,26 +6,29 @@ ol.breadcrumb
a(href=path.url)= path.name
li.active= currentFolder
#test-wrapper.well.pull-left
#demo-area
#testing-area
.nav.nav-pills.nav-stacked.pull-right.well#test-nav
if view.demosOn
button#hide-demos-btn.btn.btn-danger.btn-block Hide Demos
else
button#show-demos-btn.btn.btn-info.btn-block Show Demos
hr
for child in children
li(class=child.type)
a(href=child.url).small
if child.type == 'folder'
span.glyphicon.glyphicon-folder-close
else
span.glyphicon.glyphicon-file
span.spl= child.name
if child.type == 'folder'
strong (#{child.size})
.container-fluid
.row
.col-md-8
#test-wrapper.well
#demo-area
#testing-area
.clearfix
.col-md-4.hidden-sm.hidden-xs
.nav.nav-pills.nav-stacked.well#test-nav
if view.demosOn
button#hide-demos-btn.btn.btn-danger.btn-block Hide Demos
else
button#show-demos-btn.btn.btn-info.btn-block Show Demos
hr
for child in children
li(class=child.type)
a(href=child.url).small
if child.type == 'folder'
span.glyphicon.glyphicon-folder-close
else
span.glyphicon.glyphicon-file
span.spl= child.name
if child.type == 'folder'
strong (#{child.size})

View file

@ -81,6 +81,7 @@ module.exports = TestView = class TestView extends RootView
jasmine.Ajax.requests.reset()
Backbone.Mediator.init()
Backbone.Mediator.setValidationEnabled false
spyOn(application.tracker, 'trackEvent')
# TODO Stubbify more things
# * document.location
# * firebase