From 972ab0df503e2e5fae87078061bc89563fa04b24 Mon Sep 17 00:00:00 2001
From: Charlie Murray <chariemurray37@gmail.com>
Date: Tue, 15 Sep 2015 20:13:46 +0100
Subject: [PATCH 1/2] Truncate text inside a box-content-row div rather than
 flowing out of the box

---
 src/main/webapp/assets/common/css/gitbucket.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index 82e7aec0c..d69f86d8f 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -295,6 +295,9 @@ div > div.box-content-row:nth-of-type(1) {
 div.box-content-row {
   border-top: 1px solid #d8d8d8;
   padding: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 div.box-content-bottom {

From 5a04fe7ae6b33ef5c964f438a10956cb8fa59deb Mon Sep 17 00:00:00 2001
From: Naoki Takezoe <takezoe@gmail.com>
Date: Wed, 30 Sep 2015 02:30:28 +0900
Subject: [PATCH 2/2] (refs #906)Shrink range which is applied style

---
 src/main/twirl/gitbucket/core/index.scala.html  | 6 +++---
 src/main/webapp/assets/common/css/gitbucket.css | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/main/twirl/gitbucket/core/index.scala.html b/src/main/twirl/gitbucket/core/index.scala.html
index 623680afa..a11de79ff 100644
--- a/src/main/twirl/gitbucket/core/index.scala.html
+++ b/src/main/twirl/gitbucket/core/index.scala.html
@@ -36,7 +36,7 @@
               </div>
             } else {
               <div class="box-content-bottom" style="padding: 0px;">
-                @defining(20){ max =>
+                @defining(3){ max =>
                   @userRepositories.zipWithIndex.map { case (repository, i) =>
                     <div class="box-content-row repo-link" style="@if(i > max - 1){display:none;}">
                       @helper.html.repositoryicon(repository, false)
@@ -66,7 +66,7 @@
         } else {
           <div class="box-content-bottom" style="padding: 0px;">
             @recentRepositories.map { repository =>
-              <div class="box-content-row">
+              <div class="box-content-row repo-link">
                 @helper.html.repositoryicon(repository, false)
                 <a href="@url(repository)">@repository.owner/<span class="strong">@repository.name</span></a>
               </div>
@@ -80,7 +80,7 @@
 <script>
 $(function(){
   $('#show-more-repos').click(function(e){
-    $('div.repo-link').show();
+    $(e.target).parents('div.box-content-bottom').find('div.repo-link').show();
     $(e.target).parents('div.show-more').remove();
   });
 });
diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css
index d69f86d8f..421289cc0 100644
--- a/src/main/webapp/assets/common/css/gitbucket.css
+++ b/src/main/webapp/assets/common/css/gitbucket.css
@@ -295,6 +295,9 @@ div > div.box-content-row:nth-of-type(1) {
 div.box-content-row {
   border-top: 1px solid #d8d8d8;
   padding: 4px;
+}
+
+div.repo-link {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;