ui: fix session name overflow

fixes #353
hashicorp · Oct 15, 2014 · 333e1e7 · 333e1e7
1 parent a5e10db
commit 333e1e7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/javascripts/app/helpers.js b/javascripts/app/helpers.js
@@ -24,7 +24,7 @@ Ember.Handlebars.helper('sessionName', function(session) {
   if (session.Name === "") {
     return session.ID;
   } else {
-    return new Handlebars.SafeString(session.Name + ' <small>' + session.ID + '</small>');
+    return new Handlebars.SafeString('<span>' + session.Name + '</span>' + ' <small>' + session.ID + '</small>');
   }
 });
 

diff --git a/styles/_lists.scss b/styles/_lists.scss
@@ -63,7 +63,18 @@
             font-size: 15px;
             padding-top: 6px;
 
+            span {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                max-width: 35%;
+                float: left;
+                display:inline-block;
+                padding-right: 4px;
+            }
+
             small {
+                display:inline-block;
                 padding-right: 8px;
                 padding-top: 2px;
                 font-size: 12px;