Show newlines and links in template descriptions

Author: spadgett

app/styles/_core.less

@@ -648,6 +648,10 @@ label.checkbox {
   margin-left: 3px;
 }
 
+.resource-description {
+  .word-break();
+  .pre-wrap();
+}
 
 // Misc
 // TODO: pull out into _partials where it makes sense

app/styles/_mixins.less

@@ -59,6 +59,12 @@
      min-width: 0;          // firefox (1)
 }
 
+// Sequences of whitespace are preserved. Lines are broken at newline
+// characters, at <br>, and as necessary to fill line boxes.
+.pre-wrap {
+  white-space: pre-wrap;
+}
+
 // Linear-gradient stripes
 .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
   background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);

app/views/directives/osc-image-summary.html

@@ -4,6 +4,6 @@ <h1>{{ name || resource.metadata.name }}</h1>
   <div ng-show="resource | annotation:'provider'">Provider: {{ resource | annotation:'provider' }}</div>
   <div ng-show="resource.metadata.namespace">Namespace: {{ resource.metadata.namespace }}</div>
 </div>
-<div class="description gutter-bottom">
-  <truncate-long-text content="resource | description" limit="256" use-word-boundary="true"></truncate-long-text>
+<div class="resource-description gutter-bottom"
+     ng-bind-html="resource | description | linky">
 </div>