cl76 / Restore Google News Layout ca. 6/2010 in 2017

Published:

Version: 2.0.5+4b5fcd5 updated

Summary: Restore Google News Layout ca. 6/2010 in 2017

Groups:

Copyright: 2020 , cl76 (https://openuserjs.org/users/cl76)

License: MIT

Google News Layout

  • 2020-08-31 (2.0.5): Updating to accommodate COVID-19 block.
  • 2019-04-15 (2.0.4): Updating rows to accommodate six articles under "Headlines."
  • 2018-05-27 (2.0.1, 2.0.0): Google redesign. Kept: A) two-column format, B) hidden right column, C) auto-collapsed first article and left-side menu on load. ("C" isn't working consistently so I'll update once I figure it out.)
  • 2018-04-01 (1.0.7): Matched the CSS classes Google changed to fix initial left-side menu hiding.
  • 2018-02-11 (1.0.6): Matched the CSS classes Google changed to fix initial left-side menu hiding.
  • 2017-12-09 (1.0.5): Matched the CSS classes Google changed to fix width and initial left-side menu hiding.
  • 2017-09-24 (1.0.4): Brought back "Top Stories" section and figured out how to auto-collapse the first article and left-side menu on-load.
  • 2017-09-24 (1.0.3): Un-did the hiding of the fourth article card, I originally reacted to the number of articles displayed in the "Top Stories" section. Each section now displays the first four articles as Google intended. Next update (1.0.4) will bring back the "Top Stories" section because I noticed I was missing some important news articles not listed in "World" or "U.S."
  • 2017-07-12 (1.0.2): Added two-column views to News sub-sections (World, U.S., Technology, etc.).
  • 2017-07-08 (1.0.1, 1.0.0): Shrank thumbnail sizes, replaced "RELATED COVERAGE" heading with a border.

  1. Brought back two-column format.
  2. Reduced article cards for each section back down to three.
  3. Hid "Top Stories" section. I didn't like how the first news story in "Top Stories" section was expanded by default and took up significant vertical space. I don't know enough JS to close it so I just used CSS to hide the entire "Top Stories" section. Not desirable but I actually don't miss "Top Stories" since it was mostly a repeat of World + US News topics.
  4. Hid useless right column.
  5. Got rid of text color change on card hover. Also got rid of enhanced box-shadow effect on card hover.
  6. Image containers set to 1:1 ratio for better vertical rhythm. (Ideally would like each card to be the same height when collapsed. I might find a better solution when I have time.)

Rating: 0