From ddfa39015e374f7bee0d5b241391c87752db2dc4 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Wed, 10 Mar 2021 08:33:56 +0300 Subject: experimental: add preference to show combined mode headlines as a 2 column grid --- themes/night.css | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) (limited to 'themes/night.css') diff --git a/themes/night.css b/themes/night.css index 7c1b3a874..a12b14c01 100644 --- a/themes/night.css +++ b/themes/night.css @@ -645,9 +645,28 @@ body.ttrss_main #headlines-wrap-inner { margin: 0px; border-width: 0px; } -body.ttrss_main #headlines-frame[is-vfeed="0"] .header .feed { +body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed { display: none; } +@media screen and (min-width: 1500px) { + body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] { + display: grid; + grid-template-columns: repeat(2, 0.5fr); + background-color: #222; + grid-gap: 8px; + padding: 8px; + } + body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .header[stuck] { + top: -8px; + } + body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded { + background: #333; + border: 1px solid #222; + } + body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .footer { + border: 0; + } +} body.ttrss_main #headlines-frame { padding: 0px; border: 0px #222; -- cgit v1.2.3