From 0cbe128a93129e90714955022ef8f381effe94d0 Mon Sep 17 00:00:00 2001
From: Drew DeVault <sir@cmpwn.com>
Date: Fri, 28 Aug 2020 12:16:39 -0400
Subject: [PATCH] tree: truncate latest commit to avoid wrapping nav

---
 gitsrht/templates/tree.html |  9 ++++-----
 scss/main.scss              | 17 +++++++++++++++++
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/gitsrht/templates/tree.html b/gitsrht/templates/tree.html
index 78df4bf..d987083 100644
--- a/gitsrht/templates/tree.html
+++ b/gitsrht/templates/tree.html
@@ -5,11 +5,11 @@
 {% endblock %}
 {% block content %}
 <div class="header-extension">
-  <div class="container">
-    <span style="padding-left: 1rem">
+  <div class="container tree-header">
+    <div class="breadcrumb">
       {{ utils.breadcrumb(ref, repo, path, entry, view, path_join, stat, pygit2, humanize) }}
-    </span>
-    <div class="pull-right">
+    </div>
+    <div class="commit-info">
       <a
         href="{{url_for("repo.commit",
           owner=repo.owner.canonical_name,
@@ -28,7 +28,6 @@
         {{ commit_time(commit) | date }}
       </span>
     </div>
-    <div class="clearfix"></div>
   </div>
 </div>
 <div class="container">
diff --git a/scss/main.scss b/scss/main.scss
index 9d6241f..1ea668d 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -336,6 +336,23 @@ img {
   }
 }
 
+.tree-header {
+  display: flex;
+
+  .breadcrumb {
+    white-space: nowrap;
+    flex-grow: 1;
+  }
+
+  .commit-info {
+    margin-left: 1rem;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    min-width: 0;
+  }
+}
+
 dl {
   dd {
     text-overflow: ellipsis;
-- 
2.38.4