Nemcio/GitBucket
1
0
Fork 0
mirror of https://github.com/gitbucket/gitbucket.git synced 2025-11-10 15:35:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

(refs #1282) Fix text-ellipsis which does't work

Browse Source
This commit is contained in:
Shunsuke Tadokoro
2016-12-12 21:08:05 +09:00
parent 2488ab9bd4
commit e7fc5f1753
2 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/main/twirl/gitbucket/core/repo/files.scala.html
View File

@@ -143,7 +143,7 @@
<i class="octicon octicon-file-text"></i>
}
</td>
<td class="content-name">
<td class="ellipsis-cell" style="width: 20%; min-width: 160px;">
@if(file.isDirectory){
@if(file.linkUrl.isDefined){
<a href="@file.linkUrl">
@@ -164,10 +164,10 @@
<a href="@helpers.url(repository)/blob@{(branch :: pathList).map(helpers.encodeRefName).mkString("/", "/", "/")}@{helpers.encodeRefName(file.name)}">@file.name</a>
}
</td>
<td class="mute">
<a href="@helpers.url(repository)/commit/@file.commitId" class="commit-message shorten-text" title="@file.message">@helpers.link(file.message, repository)</a>
<td class="ellipsis-cell" style="width: 70%;">
<a href="@helpers.url(repository)/commit/@file.commitId" class="commit-message" title="@file.message">@helpers.link(file.message, repository)</a>
</td>
<td style="text-align: right;">@gitbucket.core.helper.html.datetimeago(file.time, false)</td>
<td style="width: 10%; min-width: 125px; text-align: right;">@gitbucket.core.helper.html.datetimeago(file.time, false)</td>
</tr>
}
</table>

20
src/main/webapp/assets/common/css/gitbucket.css
View File

@@ -174,12 +174,6 @@ span.error {
font-weight: normal;
}
.shorten-text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
a.commit-message, a.commit-id, a.username, a.issue-comment-count {
color: #333333;
}
@@ -299,6 +293,20 @@ th.box-header .octicon {
display: inline;
}
td.ellipsis-cell {
position: relative;
}
td.ellipsis-cell > * {
position: absolute;
left: 0;
right: 0;
padding-right: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
img.avatar {
border-radius: 4px;
-webkit-border-radius: 4px;