aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Ansum/_list-view.rtl.css
diff options
context:
space:
mode:
authorGravatar Alexandre Alapetite <alexandre@alapetite.fr> 2025-11-25 23:27:43 +0100
committerGravatar GitHub <noreply@github.com> 2025-11-25 23:27:43 +0100
commit1a3565f26c84ed82ef191effc70c5fa6e054e094 (patch)
tree16db9acaf4d2d992aac5531fa2761d2dc61cb249 /p/themes/Ansum/_list-view.rtl.css
parent06d34f9b8ed81854baaaea3a4a7f4e247cab31a0 (diff)
More visible selected article (#8230)
There was not enough difference between selected and not-selected articles, especially not due to hovering using the same style. Already relevant as is, and more relevant for a future feature depending on selected article. Additional help welcome to further improve the styling, in this PR or a future one, also for the other themes. In this example, the third article is the one selected: <img width="443" height="189" alt="image" src="https://github.com/user-attachments/assets/06168e9f-1b91-47e2-9b64-4fd8ca6c7186" /> * Compensate the increased border-left-width * Implement in Pafat * Implement in Nord * Shorten comment * Implement in Alternative Dark * Implement for Flat * Implement for Swage * Implement in Ansum and Mapco * Call stylelint_fix before rtlcss So that RTLCSS includes the fixes from previous step
Diffstat (limited to 'p/themes/Ansum/_list-view.rtl.css')
-rw-r--r--p/themes/Ansum/_list-view.rtl.css10
1 files changed, 7 insertions, 3 deletions
diff --git a/p/themes/Ansum/_list-view.rtl.css b/p/themes/Ansum/_list-view.rtl.css
index f6beeee10..5253bb696 100644
--- a/p/themes/Ansum/_list-view.rtl.css
+++ b/p/themes/Ansum/_list-view.rtl.css
@@ -17,11 +17,17 @@
&.current {
background: var(--white);
- border-right-color: var(--main-first);
+ border-right: 2px solid var(--main-first);
+ transition: unset;
&:not(.active) {
background: var(--grey-lighter);
}
+
+ .flux_header {
+ background-color: unset;
+ margin-right: -2px; /* Compensate increased border-left-width */
+ }
}
&.not_read:not(.current) {
@@ -52,8 +58,6 @@
&.favorite {
border-right-color: var(--fav-bg);
-
- transition: all 0.15s ease-in-out;
}
&.favorite:not(.current) {