codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2025-05-03 17:33:31 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Some slight improvements to the components docs page; still don't know how to get it to be full-height with independently scrolling columsn, though.

Browse source
This commit is contained in:
Nick Winter 2014-07-09 15:32:57 -07:00
parent 4b16e2fc57
commit bcf3c19f81
2 changed files with 31 additions and 43 deletions
app
styles/docs
components.sass
templates/docs
components.jade

36
app/styles/docs/components.sass
View file

@ -1,30 +1,18 @@
#docs-components-view #docs-components-view
color: saddlebrown color: saddlebrown
.main .row
position : relative
.left .index-column, .documentation-column
bottom: 10em overflow-y: scroll
left: 10em overflow-x: hidden
overflow-y: scroll min-height: 600px
overflow-x: hidden
position: fixed
top: 5em
white-space: nowrap
width: 20%
-webkit-overflow-scrolling: touch
.right > ul
left: 28em padding: 0px 20px 20px 20px
bottom: 10em
position: fixed
overflow-y: scroll
overflow-x: hidden
right: 10em
top: 5em
//width: 80%
-webkit-overflow-scrolling: touch
.specialList
list-style-type: none .documentation-column
.specialList
list-style-type: none

38
app/templates/docs/components.jade
View file

@ -2,22 +2,22 @@ extends /templates/base
block content block content
div.main .row
div.left .col-xs-3.index-column.nano
ul ul.nav.nav-list.list-group.nano-content
for component in components for component in components
li= component.get('name') li= component.get('name')
ul ul
each doc in component.attributes.propertyDocumentation each doc in component.attributes.propertyDocumentation
a(href="##{component.get('name')}#{doc.name}") a(href="##{component.get('name')}#{doc.name}")
li li
| #{doc.name} | #{doc.name}
.col-xs-9.documentation-column.nano
div.right ul.nano-content
ul for component in components
for component in components each doc in component.attributes.propertyDocumentation
each doc in component.attributes.propertyDocumentation li(id="#{component.get('name')}#{doc.name}")
li(id="#{component.get('name')}#{doc.name}") | #{doc.name}
| #{doc.name} ul.specialList
ul.specialList li=doc.description
li=doc.description