diff options
| author | silverwind <me@silverwind.io> | 2020-08-27 22:45:37 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-08-27 21:45:37 +0100 |
| commit | f8601f3f099b9b0cf98085fec94734c39c013bee (patch) | |
| tree | f4c7f6b34845f7b0867ef27c3efae0923aca2a96 | |
| parent | e25d4867be295218eb9268f8a6416b7d9247ef75 (diff) | |
| download | gitea-f8601f3f099b9b0cf98085fec94734c39c013bee.tar.gz gitea-f8601f3f099b9b0cf98085fec94734c39c013bee.zip | |
Fix ellipsis in files table (#12617)
Turns out text ellispsis does not work in combination with flexbox and
while wrapping in a display:block can help in some cases, I could not
get this to work properly so this changes the truncate to inline-block
again and reduces the clickable area to just vertical expansion from the
links.
| -rw-r--r-- | templates/repo/view_list.tmpl | 8 | ||||
| -rw-r--r-- | web_src/less/_repository.less | 5 |
2 files changed, 7 insertions, 6 deletions
diff --git a/templates/repo/view_list.tmpl b/templates/repo/view_list.tmpl index 36c3024d1d..2e70f4ff84 100644 --- a/templates/repo/view_list.tmpl +++ b/templates/repo/view_list.tmpl @@ -49,7 +49,7 @@ {{svg "octicon-file-submodule" 16}} {{$refURL := $commit.RefURL AppUrl $.Repository.FullName}} {{if $refURL}} - <a class="flex-0" href="{{$refURL}}">{{$entry.Name}}</a><span class="at">@</span><a class="flex-1" href="{{$refURL}}/commit/{{$commit.RefID}}">{{ShortSha $commit.RefID}}</a> + <a href="{{$refURL}}">{{$entry.Name}}</a><span class="at">@</span><a href="{{$refURL}}/commit/{{$commit.RefID}}">{{ShortSha $commit.RefID}}</a> {{else}} {{$entry.Name}}<span class="at">@</span>{{ShortSha $commit.RefID}} {{end}} @@ -58,7 +58,7 @@ {{$subJumpablePathName := $entry.GetSubJumpablePathName}} {{$subJumpablePath := SubJumpablePath $subJumpablePathName}} {{svg "octicon-file-directory" 16}} - <a class="flex-1" href="{{EscapePound $.TreeLink}}/{{EscapePound $subJumpablePathName}}" title="{{$subJumpablePathName}}"> + <a href="{{EscapePound $.TreeLink}}/{{EscapePound $subJumpablePathName}}" title="{{$subJumpablePathName}}"> {{if eq (len $subJumpablePath) 2}} <span class="jumpable-path">{{index $subJumpablePath 0}}</span>{{index $subJumpablePath 1}} {{else}} @@ -67,14 +67,14 @@ </a> {{else}} {{svg (printf "octicon-%s" (EntryIcon $entry)) 16}} - <a class="flex-1" href="{{EscapePound $.TreeLink}}/{{EscapePound $entry.Name}}" title="{{$entry.Name}}">{{$entry.Name}}</a> + <a href="{{EscapePound $.TreeLink}}/{{EscapePound $entry.Name}}" title="{{$entry.Name}}">{{$entry.Name}}</a> {{end}} {{end}} </span> </td> <td class="message nine wide"> <span class="truncate"> - <a class="flex-1" href="{{$.RepoLink}}/commit/{{$commit.ID}}" title="{{$commit.Summary}}">{{$commit.Summary | RenderEmoji}}</a> + <a href="{{$.RepoLink}}/commit/{{$commit.ID}}" title="{{$commit.Summary}}">{{$commit.Summary | RenderEmoji}}</a> </span> </td> <td class="text right age three wide">{{TimeSince $commit.Committer.When $.Lang}}</td> diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 26423ff29f..80fb8edcf7 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -362,12 +362,13 @@ } .truncate { - display: inline-flex; - align-items: center; + display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; + padding-top: 8px; + padding-bottom: 8px; } a { |