diff options
author | Andrew Dolgov <[email protected]> | 2021-03-11 08:35:02 +0300 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2021-03-11 08:35:02 +0300 |
commit | f9a381eccaf4062d2ac3a7a13fe0e8728d46f007 (patch) | |
tree | f72ed0f034837e2a60b9c1c748651604ba848c59 /themes | |
parent | 27ab16b6dc649fbda0ee329b42f1882623f9cba6 (diff) |
grid: add a header icon (and a hotkey) to toggle article span entire row
Diffstat (limited to 'themes')
-rw-r--r-- | themes/compact.css | 9 | ||||
-rw-r--r-- | themes/compact_night.css | 9 | ||||
-rw-r--r-- | themes/light.css | 9 | ||||
-rw-r--r-- | themes/light/tt-rss.less | 11 | ||||
-rw-r--r-- | themes/night.css | 9 | ||||
-rw-r--r-- | themes/night_blue.css | 9 |
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; |