Opened 18 months ago

Last modified 18 months 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 18 months ago.
screenshot of Firefox displaying FATE
fate2.png (91.6 KB) - added by Cigaes 18 months ago.
screenshot of Firefox displaying FATE after horizontal scrolling

Download all attachments as: .zip

Change History (5)

Changed 18 months ago by Cigaes

screenshot of Firefox displaying FATE

Changed 18 months ago by Cigaes

screenshot of Firefox displaying FATE after horizontal scrolling

comment:1 Changed 18 months ago by Cigaes

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 Changed 18 months ago by Timothy_Gu

How about fatebeta.ffmpeg.org?

comment:3 Changed 18 months ago by Cigaes

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.