From 24e64b8c7887732b97ada08485d57b45d806eb63 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 10 Mar 2021 21:03:25 +0300 Subject: exp: set last odd grid child to span all columns --- themes/compact.css | 3 +++ themes/compact_night.css | 3 +++ themes/light.css | 3 +++ themes/light/tt-rss.less | 4 ++++ themes/night.css | 3 +++ themes/night_blue.css | 3 +++ 6 files changed, 19 insertions(+) diff --git a/themes/compact.css b/themes/compact.css index 09f9d7876..7cd57e952 100644 --- a/themes/compact.css +++ b/themes/compact.css @@ -664,6 +664,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true" body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { grid-column: 1 / -1; } +body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) { + grid-column: 1 / -1; +} body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content { background: white; diff --git a/themes/compact_night.css b/themes/compact_night.css index 78cbe1807..275a0296b 100644 --- a/themes/compact_night.css +++ b/themes/compact_night.css @@ -664,6 +664,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true" body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { grid-column: 1 / -1; } +body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) { + grid-column: 1 / -1; +} body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content { background: #333; diff --git a/themes/light.css b/themes/light.css index 72e9552f7..6518ad326 100644 --- a/themes/light.css +++ b/themes/light.css @@ -664,6 +664,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true" body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { grid-column: 1 / -1; } +body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) { + grid-column: 1 / -1; +} body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content { background: white; diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less index fe8dd91a0..e878b4fe6 100644 --- a/themes/light/tt-rss.less +++ b/themes/light/tt-rss.less @@ -773,6 +773,10 @@ body.ttrss_main { } .cdm.expanded { + // 2 because #headlines-spacer is the actual last child + &:nth-last-child(2):nth-child(odd) { + grid-column : 1 e("/") -1; + } .header, .content { background : @default-bg; diff --git a/themes/night.css b/themes/night.css index 72c4d02af..f9246c69d 100644 --- a/themes/night.css +++ b/themes/night.css @@ -665,6 +665,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true" body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { grid-column: 1 / -1; } +body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) { + grid-column: 1 / -1; +} body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content { background: #333; diff --git a/themes/night_blue.css b/themes/night_blue.css index c1ede396d..c11e86dbd 100644 --- a/themes/night_blue.css +++ b/themes/night_blue.css @@ -665,6 +665,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true" body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { grid-column: 1 / -1; } +body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) { + grid-column: 1 / -1; +} body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content { background: #333; -- cgit v1.2.3