Clip filename and commit message in tree view

1 files changed, 13 insertions, 1 deletions

diff --git a/scss/main.scss b/scss/main.scss
index f170845..968bceb 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -25,7 +25,7 @@ pre {
 .tree-list {
   display: grid;
   // mode name
-  grid-template-columns: auto 1fr 4fr auto auto;
+  grid-template-columns: auto 1fr fit-content(40em) auto auto;
 
   svg {
     color: #777;
@@ -39,10 +39,22 @@ pre {
     color: $gray-900;
   }
 
+  .name.blob {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
   .mode, .commit, .commit a, .date, .size {
     color: $gray-700;
   }
 
+  .commit {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
   & > div {
     padding: 0.1rem 0.5rem;
     background: transparent;