Add .metadata class, and style smaller and lighter.

nelstrom · Feb 17, 2011 · 156a385 · 156a385
1 parent 55d4704
commit 156a385
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/public/app/views/tracks.js b/public/app/views/tracks.js
@@ -3,18 +3,19 @@ NestedListDemo.views.Tracks = Ext.extend(Ext.NestedList, {
     displayField: 'text',
     getItemTextTpl: function() {
         var tplConstructor = '{text}' +
-            '<tpl if="model === \'Genre\'">'+
-            ' [genre]' +
-            '</tpl>' +
             '<tpl if="model === \'Artist\'">'+
-            ' {[values.items.length]} albums' +
+            ' <div class="metadata">{[values.items.length]} albums</div>' +
             '</tpl>' +
             '<tpl if="model === \'Album\'">'+
+            '<div class="metadata">' +
             ' {[values.items.length]} tracks' +
             ' Running time: {[values.items]}' +
+            '</div>' +
             '</tpl>' +
             '<tpl if="model === \'Track\'">'+
-            ' {duration}' +
+            '<div class="metadata">' +
+            ' Running time: {duration} seconds' +
+            '</div>' +
             '</tpl>' +
             '';
         return tplConstructor;

diff --git a/public/stylesheets/styles.css b/public/stylesheets/styles.css
@@ -0,0 +1,4 @@
+.metadata {
+  font-size: 80%;
+  color: #999;
+}