grid: add a header icon (and a hotkey) to toggle article span entire row

6 files changed, 50 insertions, 6 deletions

diff --git a/themes/compact.css b/themes/compact.css
index 02c3c8328..92f9000e7 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -680,6 +680,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
   border-bottom-width: 0;
   padding: 4px;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .icon-grid-span {
+  display: inline;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .feed {
   display: none;
 }
@@ -1031,10 +1034,14 @@ body.ttrss_main .score-high i.icon-score {
 body.ttrss_main .score-low i.icon-score {
   color: #500;
 }
-body.ttrss_main i.icon-score {
+body.ttrss_main i.icon-score,
+body.ttrss_main i.icon-grid-span {
   cursor: pointer;
   color: #777;
 }
+body.ttrss_main .icon-grid-span {
+  display: none;
+}
 body.ttrss_main .panel {
   border: 1px solid #ddd;
   background: #f5f5f5;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index d941c4391..1c118be1a 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -680,6 +680,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
   border-bottom-width: 0;
   padding: 4px;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .icon-grid-span {
+  display: inline;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .feed {
   display: none;
 }
@@ -1031,10 +1034,14 @@ body.ttrss_main .score-high i.icon-score {
 body.ttrss_main .score-low i.icon-score {
   color: #500;
 }
-body.ttrss_main i.icon-score {
+body.ttrss_main i.icon-score,
+body.ttrss_main i.icon-grid-span {
   cursor: pointer;
   color: #999;
 }
+body.ttrss_main .icon-grid-span {
+  display: none;
+}
 body.ttrss_main .panel {
   border: 1px solid #222;
   background: #222;
diff --git a/themes/light.css b/themes/light.css
index 9d8fe9dc2..04e58c776 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -680,6 +680,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
   border-bottom-width: 0;
   padding: 4px;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .icon-grid-span {
+  display: inline;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .feed {
   display: none;
 }
@@ -1031,10 +1034,14 @@ body.ttrss_main .score-high i.icon-score {
 body.ttrss_main .score-low i.icon-score {
   color: #500;
 }
-body.ttrss_main i.icon-score {
+body.ttrss_main i.icon-score,
+body.ttrss_main i.icon-grid-span {
   cursor: pointer;
   color: #777;
 }
+body.ttrss_main .icon-grid-span {
+  display: none;
+}
 body.ttrss_main .panel {
   border: 1px solid #ddd;
   background: #f5f5f5;
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index 688f34010..cc9a66bd6 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -792,6 +792,10 @@ body.ttrss_main {
 				border-bottom-width : 0;
 				padding : 4px;
 
+				.icon-grid-span {
+					display : inline;
+				}
+
 				.feed {
 					display : none;
 				}
@@ -1220,11 +1224,16 @@ body.ttrss_main {
 		opacity : 0.5;
 	}*/
 
-	i.icon-score {
+	i.icon-score, i.icon-grid-span {
 		cursor : pointer;
 		color : @color-icon;
 	}
 
+	// only shown in grid mode
+	.icon-grid-span {
+		display : none;
+	}
+
 	.panel {
 		border : 1px solid @border-default;
 		background : @color-panel-bg;
diff --git a/themes/night.css b/themes/night.css
index 5c5c47289..4814ed5e2 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -681,6 +681,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
   border-bottom-width: 0;
   padding: 4px;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .icon-grid-span {
+  display: inline;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .feed {
   display: none;
 }
@@ -1032,10 +1035,14 @@ body.ttrss_main .score-high i.icon-score {
 body.ttrss_main .score-low i.icon-score {
   color: #500;
 }
-body.ttrss_main i.icon-score {
+body.ttrss_main i.icon-score,
+body.ttrss_main i.icon-grid-span {
   cursor: pointer;
   color: #999;
 }
+body.ttrss_main .icon-grid-span {
+  display: none;
+}
 body.ttrss_main .panel {
   border: 1px solid #222;
   background: #222;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index c10c0a92d..9520f5ca6 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -681,6 +681,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
   border-bottom-width: 0;
   padding: 4px;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .icon-grid-span {
+  display: inline;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header .feed {
   display: none;
 }
@@ -1032,10 +1035,14 @@ body.ttrss_main .score-high i.icon-score {
 body.ttrss_main .score-low i.icon-score {
   color: #500;
 }
-body.ttrss_main i.icon-score {
+body.ttrss_main i.icon-score,
+body.ttrss_main i.icon-grid-span {
   cursor: pointer;
   color: #999;
 }
+body.ttrss_main .icon-grid-span {
+  display: none;
+}
 body.ttrss_main .panel {
   border: 1px solid #222;
   background: #222;