diff options
| author | 2025-11-25 23:27:43 +0100 | |
|---|---|---|
| committer | 2025-11-25 23:27:43 +0100 | |
| commit | 1a3565f26c84ed82ef191effc70c5fa6e054e094 (patch) | |
| tree | 16db9acaf4d2d992aac5531fa2761d2dc61cb249 /p/themes/Ansum/_list-view.rtl.css | |
| parent | 06d34f9b8ed81854baaaea3a4a7f4e247cab31a0 (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.css | 10 |
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) { |
