diff --git a/NEWS.md b/NEWS.md index 50961dab20..8c72403a01 100644 --- a/NEWS.md +++ b/NEWS.md @@ -3,6 +3,7 @@ ### New features - Thumbnails can be disabled ([#897](https://github.com/SSilence/selfoss/pull/897)) - Reddit spout replaced fragile imgur heuristics with previews provided by the JSON API ([#1033](https://github.com/SSilence/selfoss/pull/1033)) +- Long articles will no longer be arranged into columns, allowing for smoother reading experience ([#1081](https://github.com/SSilence/selfoss/pull/1081)) ### Bug fixes - Reddit spout allows wider range of URLs, including absolute URLs and searches ([#1033](https://github.com/SSilence/selfoss/pull/1033)) diff --git a/public/css/style.css b/public/css/style.css index 30669d0323..4267a6604e 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -550,6 +550,7 @@ body * { -webkit-column-count: 1; column-count: 1; max-width: 750px; + margin: auto; } .entry-content pre, .entry-content table { diff --git a/public/js/selfoss-events-entries.js b/public/js/selfoss-events-entries.js index e1ecac46dd..b0193fd6c2 100644 --- a/public/js/selfoss-events-entries.js +++ b/public/js/selfoss-events-entries.js @@ -110,6 +110,11 @@ selfoss.events.entries = function() { if ($('#config').data('scroll_to_article_header') == '1') { parent.get(0).scrollIntoView(); } + + // turn of column view if entry is too long + if (entryContent.height() > $(window).height()) { + entryContent.addClass('entry-content-nocolumns'); + } } // load images not on mobile devices