VersionList::Row: Limit the length of the features list

Author: Turbo87

app/components/version-list/row.hbs

@@ -98,12 +98,17 @@
 
             <Tooltip local-class="tooltip">
               <ul local-class="feature-list">
-                {{#each @version.featureList as |feature|}}
+                {{#each this.features.list as |feature|}}
                   <li>
                     {{svg-jar (if feature.isDefault "checkbox" "checkbox-empty")}}
                     {{feature.name}}
                   </li>
                 {{/each}}
+                {{#if this.features.more}}
+                  <li local-class="other-features">
+                    and {{this.features.more}} other features
+                  </li>
+                {{/if}}
               </ul>
             </Tooltip>
           </span>

app/components/version-list/row.js

@@ -49,6 +49,13 @@ export default class VersionRow extends Component {
     return this.args.version.crate.hasOwnerUser(userId);
   }
 
+  get features() {
+    let features = this.args.version.featureList;
+    let list = features.slice(0, 15);
+    let more = features.length - list.length;
+    return { list, more };
+  }
+
   @action setFocused(value) {
     this.focused = value;
   }

app/components/version-list/row.module.css

@@ -230,6 +230,11 @@
     }
 }
 
+.other-features {
+    font-style: italic;
+    margin-top: var(--space-2xs);
+}
+
 .yank-button {
     position: relative;
     margin-left: var(--space-xs);