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>
This commit is contained in:
maTh
2023-03-18 22:56:39 +01:00
committed by GitHub
parent afccff4456
commit 73b4fd74a4
9 changed files with 46 additions and 22 deletions

View File

@@ -42,6 +42,8 @@
--notification-bad-background-color: #fdd;
--notification-bad-font-color: #912621;
--notification-bad-border-color: #ecc;
--frss-box-shadow-color-transparent: #bbb3;
}
html, body {
@@ -755,6 +757,10 @@ kbd {
background: var(--background-color-hover);
}
.flux.current:not(.active) {
background: var(--background-color-hover);
}
.flux .item.title a {
color: var(--font-color-light);
}

View File

@@ -42,6 +42,8 @@
--notification-bad-background-color: #fdd;
--notification-bad-font-color: #912621;
--notification-bad-border-color: #ecc;
--frss-box-shadow-color-transparent: #bbb3;
}
html, body {
@@ -755,6 +757,10 @@ kbd {
background: var(--background-color-hover);
}
.flux.current:not(.active) {
background: var(--background-color-hover);
}
.flux .item.title a {
color: var(--font-color-light);
}

View File

@@ -24,6 +24,10 @@
&.current {
background: variables.$white;
border-left-color: variables.$main-first;
&:not(.active) {
background: variables.$grey-lighter;
}
}
&.not_read:not(.current) {

View File

@@ -980,6 +980,9 @@ main.prompt {
background: #fff;
border-left-color: #ca7227;
}
.flux.current:not(.active) {
background: #fcfaf8;
}
.flux.not_read:not(.current) {
background: #f2f6f8;
}
@@ -1309,5 +1312,3 @@ a, button.as-link {
outline: none;
color: #ca7227;
}
/*# sourceMappingURL=ansum.css.map */

View File

@@ -980,6 +980,9 @@ main.prompt {
background: #fff;
border-right-color: #ca7227;
}
.flux.current:not(.active) {
background: #fcfaf8;
}
.flux.not_read:not(.current) {
background: #f2f6f8;
}

View File

@@ -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);
}

View File

@@ -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);
}

View File

@@ -810,7 +810,8 @@ a.signin {
border-left: 2px solid var(--border-left-article);
}
.flux .flux_header:hover {
.flux .flux_header:hover,
.flux.current .flux_header {
background-color: var(--background-color-grey-hover);
}
@@ -827,7 +828,8 @@ a.signin {
border-left: 2px solid var(--border-left-article-unread);
}
.flux .item.title a, .flux.not_read:not(.current):hover .item.title {
.flux .item.title a,
.flux.not_read:not(.current):hover .item.title {
color: var(--font-color-link-title);
}
@@ -839,7 +841,8 @@ a.signin {
background-color: var(--background-color-favorite);
}
.flux.favorite:not(.current) .flux_header:hover {
.flux.favorite:not(.current) .flux_header:hover,
.flux.favorite.current .flux_header {
background-color: var(--background-color-favorite-hover);
}

View File

@@ -810,7 +810,8 @@ a.signin {
border-right: 2px solid var(--border-left-article);
}
.flux .flux_header:hover {
.flux .flux_header:hover,
.flux.current .flux_header {
background-color: var(--background-color-grey-hover);
}
@@ -827,7 +828,8 @@ a.signin {
border-right: 2px solid var(--border-left-article-unread);
}
.flux .item.title a, .flux.not_read:not(.current):hover .item.title {
.flux .item.title a,
.flux.not_read:not(.current):hover .item.title {
color: var(--font-color-link-title);
}
@@ -839,7 +841,8 @@ a.signin {
background-color: var(--background-color-favorite);
}
.flux.favorite:not(.current) .flux_header:hover {
.flux.favorite:not(.current) .flux_header:hover,
.flux.favorite.current .flux_header {
background-color: var(--background-color-favorite-hover);
}