From f8601f3f099b9b0cf98085fec94734c39c013bee Mon Sep 17 00:00:00 2001 From: silverwind Date: Thu, 27 Aug 2020 22:45:37 +0200 Subject: 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. --- web_src/less/_repository.less | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'web_src') 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 { -- cgit v1.2.3