From bba0b0565559fbecf5df170b472cadc58627027a Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Tue, 5 Nov 2019 16:42:29 +0100 Subject: Fix favorite display for "current" articles (#2634) Favorite articles have, in most of the themes, a gold background to distinguish them from the other articles. However, it can be distracting to have such a background when reading the articles, so we should turn them back to the "default" background when articles are opened (class `.current`). Bug introduced in e9ce27d8d991d7806ca2c2af7e5282279e378885 Related PRs: - https://github.com/FreshRSS/FreshRSS/pull/2477 - https://github.com/FreshRSS/FreshRSS/pull/2611 - https://github.com/FreshRSS/FreshRSS/pull/2612 Closes https://github.com/FreshRSS/FreshRSS/issues/2618 --- p/themes/Ansum/_list-view.scss | 22 ++++++++++------------ p/themes/Ansum/ansum.css | 21 ++++++++++----------- 2 files changed, 20 insertions(+), 23 deletions(-) (limited to 'p/themes/Ansum') diff --git a/p/themes/Ansum/_list-view.scss b/p/themes/Ansum/_list-view.scss index 8b8398c6f..e5a1f575a 100644 --- a/p/themes/Ansum/_list-view.scss +++ b/p/themes/Ansum/_list-view.scss @@ -20,24 +20,19 @@ border-left-color: $main-first; } - &.not_read { + &.not_read:not(.current) { background: $unread-bg; //-------------------- - // border-left-color: #FF5300; - &:hover { - background: $unread-bg-light; //-------------------- - } - - &:not(.current):hover .item.title { - background: $unread-bg-light; - + &:hover .item.title { + background: $unread-bg; } + } + &.not_read { .item.title { a { color: $unread-font-color; //-------------------- } - } .item.website { @@ -52,12 +47,15 @@ } &.favorite { - background: $fav-light; border-left-color: $fav-bg; @include transition(all, 0.15s, ease-in-out); + } - &:not(.current):hover .item.title { + &.favorite:not(.current) { + background: $fav-light; + + &:hover .item.title { background: $fav-light; } } diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 525e7e079..7b4281d2b 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -963,25 +963,24 @@ form th { .flux.current { background: #fff; border-left-color: #ca7227; } - .flux.not_read { + .flux.not_read:not(.current) { background: #f2f6f8; } - .flux.not_read:hover { - background: #fdfdfe; } .flux.not_read:not(.current):hover .item.title { - background: #fdfdfe; } - .flux.not_read .item.title a { - color: #161a38; } - .flux.not_read .item.website a { - color: #161a38; } - .flux.not_read .item.date { - color: #161a3899; } + background: #f2f6f8; } + .flux.not_read .item.title a { + color: #161a38; } + .flux.not_read .item.website a { + color: #161a38; } + .flux.not_read .item.date { + color: #161a3899; } .flux.favorite { - background: #fff6da; border-left-color: #ffc300; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } + .flux.favorite:not(.current) { + background: #fff6da; } .flux.favorite:not(.current):hover .item.title { background: #fff6da; } .flux .website a { -- cgit v1.2.3