Fix issue with overflowing item names with descriptions Some long item entries would overflow with their descriptions if they went above 25%. Adding flex: 1 to the description to cause the elemnt to take up the remaining space of the two elements, and add a right margin to the item so that they don't look like this: chromium/src/foo/bar/bazThis is the description Change-Id: I6347a37c68772babb241459ef54447c5703270b1
diff --git a/gitiles-servlet/src/main/resources/com/google/gitiles/static/base.css b/gitiles-servlet/src/main/resources/com/google/gitiles/static/base.css index e2ed851..21e1c4c 100644 --- a/gitiles-servlet/src/main/resources/com/google/gitiles/static/base.css +++ b/gitiles-servlet/src/main/resources/com/google/gitiles/static/base.css
@@ -234,6 +234,7 @@ display: inline-block; } .RepoList-itemName { + margin-right: 10px; min-width: 25%; text-decoration: underline; } @@ -242,6 +243,9 @@ } .RepoList-itemDescription { color: #000; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; overflow: hidden; text-overflow: ellipsis; }