fix long file name text-overflow

This commit is contained in:
Takeo Tamura
2016-01-07 16:40:44 +09:00
parent a03fc4cf4a
commit 9e313bb2b3
2 changed files with 27 additions and 19 deletions

View File

@@ -106,25 +106,27 @@
} }
</td> </td>
<td class="content-name"> <td class="content-name">
@if(file.isDirectory){ <span class="content-name-truncate">
@if(file.linkUrl.isDefined){ @if(file.isDirectory){
<a href="@file.linkUrl"> @if(file.linkUrl.isDefined){
<span class="simplified-path">@file.name.split("/").toList.init match { <a href="@file.linkUrl">
case Nil => {} <span class="simplified-path">@file.name.split("/").toList.init match {
case list => {@list.mkString("", "/", "/")} case Nil => {}
}</span>@file.name.split("/").toList.last case list => {@list.mkString("", "/", "/")}
</a> }</span>@file.name.split("/").toList.last
} else { </a>
<a href="@url(repository)/tree@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name"> } else {
<span class="simplified-path">@file.name.split("/").toList.init match { <a href="@url(repository)/tree@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name">
case Nil => {} <span class="simplified-path">@file.name.split("/").toList.init match {
case list => {@list.mkString("", "/", "/")} case Nil => {}
}</span>@file.name.split("/").toList.last case list => {@list.mkString("", "/", "/")}
</a> }</span>@file.name.split("/").toList.last
} </a>
} else { }
<a href="@url(repository)/blob@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name">@file.name</a> } else {
} <a href="@url(repository)/blob@{(encodeRefName(branch) :: pathList).mkString("/", "/", "/")}@file.name">@file.name</a>
}
</span>
</td> </td>
<td class="mute"> <td class="mute">
<a href="@url(repository)/commit/@file.commitId" class="commit-message shorten-text" title="@file.message">@link(file.message, repository)</a> <a href="@url(repository)/commit/@file.commitId" class="commit-message shorten-text" title="@file.message">@link(file.message, repository)</a>

View File

@@ -831,6 +831,12 @@ table.table-file-list .content-name {
max-width: 180px; max-width: 180px;
} }
table.table-file-list .content-name .content-name-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
table.table-file-list .commit-message { table.table-file-list .commit-message {
max-width: 415px; max-width: 415px;
display: inline-block; display: inline-block;