website: wide tables overflow column #34

New Issue

idk · 2025-04-21T14:47:52-04:00

idk commented

2025-04-21 14:47:52 -04:00

Opened 5 years ago

Last modified 3 years ago

#1759 assigned defect

website: wide tables overflow column

Reported by:zzzOwned by:slumlord
Priority:
minor
Milestone:
soon
Component:
www/i2p
Version:
0.9.24
Keywords:

Cc:
sadie
Parent Tickets:

Sensitive:
no

Description

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

Subtickets

Opened [5 years ago](/timeline?from=2016-02-09T00%3A36%3A39Z&precision=second "See timeline at Feb 9, 2016 12:36:39 AM") Last modified [3 years ago](/timeline?from=2018-07-02T09%3A24%3A21Z&precision=second "See timeline at Jul 2, 2018 9:24:21 AM") ## [\#1759](/ticket/1759)[assigned](/query?status=assigned)[defect](/query?status=!closed&type=defect) # website: wide tables overflow column Reported by:[zzz](/query?status=!closed&reporter=zzz)Owned by:[slumlord](/query?status=!closed&owner=slumlord) Priority: [minor](/query?status=!closed&priority=minor) Milestone: [soon](/milestone/soon "No date set") Component: [www/i2p](/query?status=!closed&component=www%2Fi2p) Version: [0.9.24](/query?status=!closed&version=0.9.24) Keywords: Cc: [sadie](/query?status=!closed&cc=~sadie) Parent Tickets: Sensitive: [no](/query?status=!closed&sensitive=0) ### Description 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](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 ### Subtickets

idk added this to the soon milestone 2025-04-21 14:47:52 -04:00

idk added the

labels 2025-04-21 14:47:52 -04:00

idk commented

2025-04-21 14:47:52 -04:00

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.

[comment:5](https://trac.i2p2.de/\#comment:5) Changed [3 years ago](https://trac.i2p2.de//timeline?from=2018-07-02T09%3A24%3A21Z&precision=second "See timeline at Jul 2, 2018 9:24:21 AM") 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.

idk commented

2025-04-21 14:47:53 -04:00

comment:4 Changed 3 years ago by zzz

Cc:sadie added
Owner:
changed from str4d to _slumlord_Status:open →
assigned

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

[comment:4](https://trac.i2p2.de/\#comment:4) Changed [3 years ago](https://trac.i2p2.de//timeline?from=2018-06-19T15%3A57%3A03Z&precision=second "See timeline at Jun 19, 2018 3:57:03 PM") by zzz Cc:_sadie_ added Owner: changed from _str4d_ to _slumlord_Status:open → assigned May need guidance from sadie/ura on the main column being narrow, perhaps that will change in the next revamp

idk commented

2025-04-21 14:47:53 -04:00

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:3](https://trac.i2p2.de/\#comment:3) Changed [3 years ago](https://trac.i2p2.de//timeline?from=2018-04-03T15%3A29%3A23Z&precision=second "See timeline at Apr 3, 2018 3:29:23 PM") 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 ```

idk commented

2025-04-21 14:47:53 -04:00

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:2](https://trac.i2p2.de/\#comment:2) Changed [5 years ago](https://trac.i2p2.de//timeline?from=2016-03-07T02%3A58%3A54Z&precision=second "See timeline at Mar 7, 2016 2:58:54 AM") 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](https://trac.i2p2.de/http://vekw35szhzysfq7cwsly37coegsnb4rrsggy5k4wtasa6c34gy5a.b32.i2p/spec/plugin) ).

idk commented

2025-04-21 14:47:53 -04:00

comment:1 Changed 5 years ago by str4d

Status:new →
open

[comment:1](https://trac.i2p2.de/\#comment:1) Changed [5 years ago](https://trac.i2p2.de//timeline?from=2016-02-18T04%3A24%3A46Z&precision=second "See timeline at Feb 18, 2016 4:24:46 AM") by str4d Status:new → open

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: I2P_Developers/i2p.www#34

website: wide tables overflow column #34

#1759assigneddefect

website: wide tables overflow column

Description

Subtickets

#1759 assigned defect