Opened 8 years ago

Last modified 8 years ago

#6029 new defect

FATE style overflows and hides it

Reported by: Cigaes Owned by:
Priority: normal Component: website
Version: git-master Keywords:
Cc: Blocked By:
Blocking: Reproduced by developer: no
Analyzed by developer: no

Description

The style of FATE makes the main table overflow horizontally without any kind of scroll bar.
See the attached screenshots: the "warning" column is truncated, and the "test" column is completely hidden, despite the red "error compiling" that is of the utmost importance.

Attachments (2)

fate.png (88.7 KB ) - added by Cigaes 8 years ago.
screenshot of Firefox displaying FATE
fate2.png (91.6 KB ) - added by Cigaes 8 years ago.
screenshot of Firefox displaying FATE after horizontal scrolling

Download all attachments as: .zip

Change History (5)

by Cigaes, 8 years ago

Attachment: fate.png added

screenshot of Firefox displaying FATE

by Cigaes, 8 years ago

Attachment: fate2.png added

screenshot of Firefox displaying FATE after horizontal scrolling

comment:1 by Cigaes, 8 years ago

Actually, there is a scoll bar, but it is at the bottom of the table: it is necessary to scroll down first using the standard scoll bar to just see it.

comment:2 by Timothy Gu, 8 years ago

How about fatebeta.ffmpeg.org?

comment:3 by Cigaes, 8 years ago

Thanks for looking into it.

Same problem, although less stringent since the table uses the whole width, and thus is truncated later. But it still start hiding bits when my window width is less than 700 pixels.

The problem is the "overflow-x: auto" rule on the enclosing div.table-responsive: when the table is larger than what fits in the window, it puts a scollbar at the end of the whole table. But since there is no corresponding overflow-y rule limiting the height, the vertical scrolling acts on the whole page body, and the scroll bar of the table is hidden.

Note: See TracTickets for help on using tickets.