fix: highlight next/prev article while using shortcuts (#5211)

* fix

* Update p/themes/Ansum/ansum.css

Co-authored-by: Frans de Jonge <fransdejonge@gmail.com>

* fix

---------

Co-authored-by: Frans de Jonge <fransdejonge@gmail.com>

2 files changed, 12 insertions, 14 deletions

diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index f66188b35..3d0ab4827 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -835,13 +835,12 @@ a.btn-attention:hover {
 	border-left: 2px solid var(--contrast-border-color-active);
 }
 
-.flux .flux_header:hover,
-.flux .flux_header:hover .item {
+.flux .flux_header:hover {
 	background-color: var(--background-color-hover);
 }
 
 .flux .flux_header:not(.current):hover .flux_header,
-.flux .flux_header:not(.current):hover .flux_header .item {
+.flux.current .flux_header {
 	background-color: var(--background-color-hover);
 }
 
@@ -849,12 +848,12 @@ a.btn-attention:hover {
 	border-left: 2px solid var(--unread-article-border-color);
 }
 
-.flux.not_read .flux_header .item {
+.flux.not_read .flux_header {
 	background-color: var(--unread-article-background-color);
 }
 
 .flux.not_read:not(.current):hover .flux_header,
-.flux.not_read:not(.current):hover .flux_header .item {
+.flux.not_read.current .flux_header {
 	background-color: var(--unread-article-background-color-hover);
 }
 
@@ -862,12 +861,12 @@ a.btn-attention:hover {
 	border-left: 2px solid var(--favorite-article-border-color);
 }
 
-.flux.favorite:not(.current) .flux_header .item {
+.flux.favorite:not(.current) .flux_header {
 	background-color: var(--favorite-article-background-color);
 }
 
 .flux.favorite:not(.current):hover .flux_header,
-.flux.favorite:not(.current):hover .flux_header .item {
+.flux.favorite.current .flux_header {
 	background-color: var(--favorite-article-background-color-hover);
 }
 
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index ae4006517..0996c4f1c 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -835,13 +835,12 @@ a.btn-attention:hover {
 	border-right: 2px solid var(--contrast-border-color-active);
 }
 
-.flux .flux_header:hover,
-.flux .flux_header:hover .item {
+.flux .flux_header:hover {
 	background-color: var(--background-color-hover);
 }
 
 .flux .flux_header:not(.current):hover .flux_header,
-.flux .flux_header:not(.current):hover .flux_header .item {
+.flux.current .flux_header {
 	background-color: var(--background-color-hover);
 }
 
@@ -849,12 +848,12 @@ a.btn-attention:hover {
 	border-right: 2px solid var(--unread-article-border-color);
 }
 
-.flux.not_read .flux_header .item {
+.flux.not_read .flux_header {
 	background-color: var(--unread-article-background-color);
 }
 
 .flux.not_read:not(.current):hover .flux_header,
-.flux.not_read:not(.current):hover .flux_header .item {
+.flux.not_read.current .flux_header {
 	background-color: var(--unread-article-background-color-hover);
 }
 
@@ -862,12 +861,12 @@ a.btn-attention:hover {
 	border-right: 2px solid var(--favorite-article-border-color);
 }
 
-.flux.favorite:not(.current) .flux_header .item {
+.flux.favorite:not(.current) .flux_header {
 	background-color: var(--favorite-article-background-color);
 }
 
 .flux.favorite:not(.current):hover .flux_header,
-.flux.favorite:not(.current):hover .flux_header .item {
+.flux.favorite.current .flux_header {
 	background-color: var(--favorite-article-background-color-hover);
 }