From da6b94642309e7a89333f3011ca0311255b1879a Mon Sep 17 00:00:00 2001
From: Timothee Guerin <tiguerin@microsoft.com>
Date: Wed, 6 Sep 2017 08:43:01 -0700
Subject: [PATCH 1/2] Fix tree view overflow

---
 .../browse/file-explorer/file-table-view/file-table-view.scss  | 3 +++
 .../browse/file-explorer/file-tree-view/file-tree-view.scss    | 3 +++
 .../file/details/file-details-view/file-details-view.scss      | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss b/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
index 4c10b8857e..4e6661df09 100644
--- a/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
+++ b/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
@@ -46,6 +46,9 @@ bl-file-table-view {
         .current-path {
             line-height: $file-header-height;
             vertical-align: middle;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
         }
     }
     .icon {
diff --git a/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss b/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss
index 6b25980ee9..eaed2e72a4 100644
--- a/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss
+++ b/app/components/file/browse/file-explorer/file-tree-view/file-tree-view.scss
@@ -88,6 +88,9 @@ bl-file-tree-view {
         height: 22px;
         vertical-align: middle;
         user-select: none;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
 
         &:hover {
             background: $whitesmoke-darker;
diff --git a/app/components/file/details/file-details-view/file-details-view.scss b/app/components/file/details/file-details-view/file-details-view.scss
index f2c208e045..2fa25567f5 100644
--- a/app/components/file/details/file-details-view/file-details-view.scss
+++ b/app/components/file/details/file-details-view/file-details-view.scss
@@ -46,6 +46,9 @@ bl-file-details-view {
             flex: 1;
             vertical-align: middle;
             line-height: $file-header-height;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
         }
 
         .actions {

From cd648f14b3a7ed6cdeb022612828990f34641130 Mon Sep 17 00:00:00 2001
From: Timothee Guerin <tiguerin@microsoft.com>
Date: Wed, 6 Sep 2017 08:46:14 -0700
Subject: [PATCH 2/2] working

---
 .../browse/file-explorer/file-table-view/file-table-view.scss    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss b/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
index 4e6661df09..89469eeba8 100644
--- a/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
+++ b/app/components/file/browse/file-explorer/file-table-view/file-table-view.scss
@@ -4,6 +4,7 @@ bl-file-table-view {
     $file-header-height: 40px;
     display: block;
     height: 100%;
+    width: 100%;
 
     .table-wrapper {
         height: calc(100% - #{$file-header-height});