From f9a381eccaf4062d2ac3a7a13fe0e8728d46f007 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Thu, 11 Mar 2021 08:35:02 +0300 Subject: grid: add a header icon (and a hotkey) to toggle article span entire row --- themes/compact.css | 9 ++++++++- themes/compact_night.css | 9 ++++++++- themes/light.css | 9 ++++++++- themes/light/tt-rss.less | 11 ++++++++++- themes/night.css | 9 ++++++++- themes/night_blue.css | 9 ++++++++- 6 files changed, 50 insertions(+), 6 deletions(-) (limited to 'themes') 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; -- cgit v1.2.3