search

Ecotrust / ocs-wp

Worpress Implementation of ODFW's Oregon Conservation Strategy
Other
1 stars 0 forks source link

Tables and right-hand sidebar collisions #71

Closed ldford closed 8 years ago

ldford commented 8 years ago

I've seen this happen at least 2 places. Right hand "on this page" navigation collides with too-wide table columns. My idea is to suggest to ODFW that the table lives on its own page (where there is no "on this page" navigation and having the table creep into the right-hand navigation is no big deal) and the copy links to that page where users can view the whole table without issue. Thoughts?

http://ocs.ecotrust.org/key-conservation-issue/invasive-species/ (click DOCUMENTED NON-NATIVE INVASIVE FISH AND WILDLIFE SPECIES)

image

willthemoor commented 8 years ago

Can you collect any other examples of this into this ticket before we address them? Tables don't like to scale but we can find a solution—I just don't want to over engineer it if it should only be applied to a few.

ldford commented 8 years ago

2 additional tables on OCS: This one I could fix by changing the table header from an H2 to an H3. But it will still flow onto the right-hand sidebar. http://ocs.ecotrust.org/strategy-habitats/strategy-habitats-summary-by-ecoregion/ image

This one is more of a problem on Firefox (left) than Chrome (right). Zoom set at 100% for both. http://ocs.ecotrust.org/ocs-strategy-species/species-data-gaps-research-and-monitoring-needs/ image

ONS: http://ocs.ecotrust.org/oregon-nearshore-strategy/coastal-communities/ image

http://ocs.ecotrust.org/oregon-nearshore-strategy/factors-stressors-affecting-species-and-habitat/ image

http://ocs.ecotrust.org/oregon-nearshore-strategy/factors-stressors-affecting-species-and-habitat/anthropogenic/

ldford commented 8 years ago

Final OCS table with problems the Srank and Ecoregions table here: http://ocs.ecotrust.org/conservation-opportunity-areas/methodology/

Only on FF at 100%.

dnseminara commented 8 years ago

I checked in FF and Chrome - using the Tablepress Responsive Plugin. IE may need to be checked...

To update current tablepress tables, they'll simply need to modify the tablepress shortcode, example seen here

Options include 'flip', 'scroll', 'collapse'.

They'll need to update/migrate the other tables to Tablepress as well...