Opened 5 years ago

Last modified 3 years ago

#1759 assigned defect

website: wide tables overflow column

Reported by: zzz Owned by: slumlord
Priority: minor Milestone: soon
Component: www/i2p Version: 0.9.24
Keywords: Cc: sadie
Parent Tickets: Sensitive: no


The revamp cut over in November looks nice, but the main content column is now very narrow. There's a lot of wide columns in the specs; they now overflow to the right and look bad. Even if a table does fit, it's often so squooshed that it doesn't look good either.

If we don't want to make the content column wider (or even if we do), we need better CSS for tables, possibly giving them the same background color as the center column, so they will at least overflow a little more elegantly.

example: http://i2p-projekt.i2p/en/docs/protocol/i2cp which contains a table that overflows the column if the firefox browser is less than 1463 pixels wide


Change History (5)

comment:1 Changed 5 years ago by str4d

Status: newopen

comment:2 Changed 5 years ago by str4d

2df62e69107d5013915619b4a7116fb920e9638d increases the centre column width slightly to compensate in most places, but in the specific example above there is still overlap. However, I think in the extreme overlap cases we should move away from tables to description lists (e.g. http://vekw35szhzysfq7cwsly37coegsnb4rrsggy5k4wtasa6c34gy5a.b32.i2p/spec/plugin ).

comment:3 Changed 3 years ago by slumlord

Some comments I shared on IRC:

<slumlord> looking at http://trac.i2p2.i2p/ticket/1759 I've also thought that
the layout of the site was a little strange as far as the content column is
concerned. on pages where there is no page contents menu, the left side is
empty. on pages where there is no 'last updated' section, the right side is
empty. in both cases there's room for the content to stretch into

<slumlord> one option would be to have the 'last updated' section in the same
column where the page contents menu is. I don't know the site well enough to
know if that is a good idea though

<slumlord> zooming in on a page like
http://i2p-projekt.i2p/en/docs/protocol/i2cp causes the content to spill over

comment:4 Changed 3 years ago by zzz

Cc: sadie added
Owner: changed from str4d to slumlord
Status: openassigned

May need guidance from sadie/ura on the main column being narrow, perhaps that will change in the next revamp

comment:5 Changed 3 years ago by slumlord

I was looking at the CSS recently and found that the side bar on the left is defined as an exact px value - this may not be the best way to set the size of the left & right side bars. Setting it to a % value may be better when zooming in.

Note: See TracTickets for help on using tickets.