From 40f5c2d13f03ce43fd2791848cffb7405dc9eb5a Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Mon, 2 Mar 2015 11:38:25 -0300
Subject: Adding ellipsis when custom tag names are longer than the sidenav's
 width

---
 web-ui/app/scss/styles.scss       | 4 ++++
 web-ui/app/templates/tags/tag.hbs | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'web-ui')

diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 8ff6a15a..5a89ddd4 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -338,6 +338,10 @@ section {
           font-size: 0.8em;
           padding: 5px 10px 5px 15px;
 
+          &.custom-tag {
+            text-overflow: ellipsis;
+          }
+
           span.tag-label {
             padding: 5px 20px 5px 38px;
           }
diff --git a/web-ui/app/templates/tags/tag.hbs b/web-ui/app/templates/tags/tag.hbs
index 5df67513..ca397b9a 100644
--- a/web-ui/app/templates/tags/tag.hbs
+++ b/web-ui/app/templates/tags/tag.hbs
@@ -1,3 +1,3 @@
-<li id="tag-{{ ident }}" class="{{ selected }}">
+<li id="tag-{{ ident }}" class="custom-tag {{ selected }}">
   <span class="tag-label">{{> tag_inner }}</span>
 </li>
-- 
cgit v1.2.3