feat: using ellipsis for long names

kilianc#27
MSylvia · Jul 2, 2015 · acb15e8 · acb15e8
1 parent 8854b5b
commit acb15e8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/app/app.ejs b/app/app.ejs
@@ -30,7 +30,7 @@ angular
         })
 
         function onMouseMove(e) {
-          var width = Math.min(600, Math.max(minWidth, e.clientX + handlerWidth))
+          var width = Math.min(600, Math.max(minWidth, e.clientX))
           $element.css('width', width)
         }
       }

diff --git a/app/index.html b/app/index.html
@@ -172,4 +172,4 @@ <h4>Theme</h4>
   <script src="app.js"></script>
   <!-- endbuild -->
 </body>
-</html>
+</html>
diff --git a/app/scss/main.scss b/app/scss/main.scss
@@ -107,7 +107,7 @@ header {
     cursor: col-resize;
     height: 100%;
     position: absolute;
-    right: 0;
+    right: -5px;
     top: 0;
     width: 10px;
   }
@@ -158,6 +158,12 @@ header {
           padding-left: 38px;
         }
 
+        a {
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          overflow: hidden;
+        }
+
         i {
           border-radius: 50%;
           height: 8px;
-Original file line number
+Diff line change
@@ Expand Up / @@ -172,4 +172,4 @@ <h4>Theme</h4> @@
       <script src="app.js"></script>
       <!-- endbuild -->
     </body>
-    </html>
+    </html>