Merge pull request #1324 from Darredevil/master

docs page minor update

app/styles/docs/components.sass

@@ -3,16 +3,23 @@
 
   .row
 
+
+
     .index-column, .documentation-column
-      overflow-y: scroll
       overflow-x: hidden
       min-height: 600px
 
       > ul
         padding: 0px 20px 20px 20px
 
+      .doc-name
+        color: rgb(139, 69, 19)
+
   
     .documentation-column
   
       .specialList
         list-style-type: none
+
+      .doc-description
+        list-style-type: none

app/templates/docs/components.jade

@@ -6,18 +6,25 @@ block content
     .col-xs-3.index-column.nano
       ul.nav.nav-list.list-group.nano-content
         for component in components
-          li= component.get('name')
+            a.doc-name(href="##{component.get('name')}")
-          ul
+              li= component.get('name')
-            each doc in component.attributes.propertyDocumentation
+              ul
-              a(href="##{component.get('name')}#{doc.name}")
+                each doc in component.attributes.propertyDocumentation
-                li
+                  a(href="##{component.get('name')}#{doc.name}")
-                  | #{doc.name}
+                    li
+                      | #{doc.name}
     .col-xs-9.documentation-column.nano
       ul.nano-content
         for component in components
-          each doc in component.attributes.propertyDocumentation
+          li(id="#{component.get('name')}")
-            li(id="#{component.get('name')}#{doc.name}")
+            | #{component.get('name')}
-              | #{doc.name}
+            ul
-              ul.specialList
+              li.doc-description
-                li=doc.description
+                | #{component.get('description')}
-  
+              ul
+              each doc in component.attributes.propertyDocumentation
+                li(id="#{component.get('name')}#{doc.name}")
+                  | #{doc.name}
+                  ul.specialList
+                    li!=marked(doc.description)
+      

app/views/docs/components_view.coffee

@@ -24,4 +24,5 @@ module.exports = class UnnamedView extends RootView
   getRenderData: ->
     c = super()
     c.components = @componentDocs.models
+    c.marked = marked
     c