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)
Change History (5)
by , 8 years ago
by , 8 years ago
screenshot of Firefox displaying FATE after horizontal scrolling
comment:1 by , 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:3 by , 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.
screenshot of Firefox displaying FATE