Merge pull request #809 from dart-lang/ddc_description_overflow

display descriptions with ellipses

Author: devoncarew

lib/resources/styles.css

@@ -210,6 +210,9 @@ dd.callable, dd.constant, dd.property {
 
 dd p {
   margin-top: 4px;
+  white-space: nowrap;
+  overflow-x: hidden;
+  text-overflow: ellipsis;
 }
 
 section.summary h2 {
@@ -503,6 +506,7 @@ span.top-level-variable-type {
   padding: 16px;
 }
 
+.sidebar h5,
 .sidebar ol li {
   text-overflow: ellipsis;
   overflow: hidden;
@@ -553,7 +557,7 @@ button {
   }
 
   #overlay-under-drawer.active {
-    opacity: 0.7;
+    opacity: 0.4;
     height: 100%;
     z-index: 1999;
     position: fixed;

lib/templates/index.html

@@ -1,5 +1,16 @@
 {{>head}}
 
+  <div class="col-xs-6 col-sm-3 col-md-2 sidebar sidebar-offcanvas-left">
+    <h5>{{self.name}}</h5>
+
+    <ol>
+      <li class="section-title"><a href="{{package.href}}#libraries">Libraries</a></li>
+      {{#package.libraries}}
+      <li><a href="{{href}}">{{name}}</a></li>
+      {{/package.libraries}}
+    </ol>
+  </div>
+
   <div class="col-xs-12 col-sm-9 col-md-8 main-content">
 
     {{#package}}
@@ -25,15 +36,6 @@ <h2>Libraries</h2>
 
   <div class="col-xs-6 col-sm-6 col-md-2 sidebar sidebar-offcanvas-right">
 
-    <h5>{{self.name}}</h5>
-
-    <ol>
-      <li class="section-title"><a href="{{package.href}}#libraries">Libraries</a></li>
-      {{#package.libraries}}
-      <li><a href="{{href}}">{{name}}</a></li>
-      {{/package.libraries}}
-    </ol>
-
   </div><!--/.sidebar-offcanvas-right-->
 
 {{>footer}}