experimental: add preference to show combined mode headlines as a 2 column grid

1 files changed, 20 insertions, 1 deletions

diff --git a/themes/night_blue.css b/themes/night_blue.css
index b0bcfd348..e4d7894c3 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.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;