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 /web_src/less/_repository.less | |
| 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.
Diffstat (limited to 'web_src/less/_repository.less')
| -rw-r--r-- | web_src/less/_repository.less | 5 |
1 files changed, 3 insertions, 2 deletions
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 { |