gui: Handle info labels that are longer than available space (fixes #944) (#7386)

Apply to table headers the same code as already used for table data.
This way, the headers will be either pushed to the next line, or cut
with an ellipsis if the single word is too long.

Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
This commit is contained in:
tomasz1986 2021-02-20 19:28:08 +09:00 committed by GitHub
parent 9caaaa49b6
commit c5663689a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -120,7 +120,8 @@ table.table-dynamic {
word-break: break-all; word-break: break-all;
} }
table.table-condensed td { table.table-condensed td,
table.table-condensed th {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -363,7 +364,8 @@ ul.three-columns li, ul.two-columns li {
overflow-y: scroll; overflow-y: scroll;
} }
table.table-condensed td { table.table-condensed td,
table.table-condensed th {
/* for mobile phones to allow linebreaks in long repro folder/shared with /* for mobile phones to allow linebreaks in long repro folder/shared with
* columns. */ * columns. */
white-space: normal; white-space: normal;