fix for service versions & dropdown

Author: blakeandrewwood

layouts/partials/sidebar.pug

@@ -10,12 +10,16 @@
 // Service Docs
 if paths[0] === 'services' && paths[1]
   - items = hierarchy.findByPath('/' + paths[0] + '/' + paths[1])
-  - var servicesDropdown = items.children.filter(x => semverService.test(x.id))
-  - dropdown = servicesDropdown
+  - var versioned = items.children.reduce((acc, x) => acc + semverService.test(x.id), false)
   - service = hierarchy.findByPath('/' + paths[0] + '/' + paths[1])
-  if paths[2] && semverService.test(paths[2])
+  if versioned
     - versionTitle = paths[2]
-    - items = hierarchy.findByPath('/' + paths[0] + '/' + paths[1] + '/' + paths[2])
+    if !semverService.test(paths[2])
+      - versionTitle = navigationTitle || title
+    - dropdown = service.children
+    - tmpItems = hierarchy.findByPath('/' + paths[0] + '/' + paths[1] + '/' + paths[2])
+    if tmpItems
+      - items = tmpItems
 
 // DC/OS Docs
 if semver.test(paths[0])
@@ -34,7 +38,7 @@ mixin renderSidebarHeader()
           each val, index in dropdown
             if val.navigationTitle || val.title
               li(class='sidebar__dropdown__item')
-                a(href=val.path, class='sidebar__dropdown__link')!= val.navigationTitle
+                a(href=val.path, class='sidebar__dropdown__link')!= val.navigationTitle || val.title
       div(class='sidebar__dropdown__toggle')
         p(class='sidebar__dropdown__text')
           span(class='sidebar__dropdown__text__title')!= (service) ? service.title : 'Mesosphere DC/OS'

scss/components/_sidebar.scss

@@ -25,6 +25,7 @@
       padding: 0;
       margin: 0;
       display: inline;
+      overflow: hidden;
       &__title {
         color: $color-light;
         opacity: 0.6;