Change feed's unread count position in sidebar for readability #4068
Replies: 4 comments 7 replies
-
|
OK, I can see a first issue with this solution : if the feed's name is long enough, the unread count is superimposed on the text 🤔. |
Beta Was this translation helpful? Give feedback.
-
|
I'd say that unless you add alternating background colors, that makes it a little harder to read. And that these kinds of small personal mods are often exactly what CustomCSS is for. :-) |
Beta Was this translation helpful? Give feedback.
-
|
I didn't notice the CustomCSS extension yet, thanks @Frenzie ! |
Beta Was this translation helpful? Give feedback.
-
|
You'll probably be able to do anything you like by going full |
Beta Was this translation helpful? Give feedback.
-
|
Try this for theme "dark": |
Beta Was this translation helpful? Give feedback.
-
|
Wow, thank you @math-GH ! Excellent solution, it works great 👍. |
Beta Was this translation helpful? Give feedback.
-
|
You will need the background for long feed names. It is also a great way to make it more beautiful, f.e. with rounded corners. |
Beta Was this translation helpful? Give feedback.
-
|
@Frenzie @Alkarex : Should we improve the UI to align the unread numbers on the feed level like the category level? |
Beta Was this translation helpful? Give feedback.
-
Hey ! Indeed. For know, I use only short name and I've changed a value with Custom Css to limite the available length for feed's title :
About the initial unread count that is placed at the beginning of the line, I have to complete a little. Now it works with others theme, like Ansum : Without it, I had two unread count : |
Beta Was this translation helpful? Give feedback.
-
@math-GH Sorry for the delay. I do not really mind. It could indeed be more consistent |
Beta Was this translation helpful? Give feedback.
-
|
Created a pull request to make it default: #4166 |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Hi everyone 👋
I'm using FreshRSS since a few days, with great pleasure.
There is one point in the interface that I find difficult to read, in the sidebar, because to different information are not separated enough.
Example :
For the category, the unread count is align on the left of the name and it's very clear.
But for each feed, the unread count is align on the right of the name : there is little space and the count is not immediately readable. I know there is unread stuff because the name is bold (a good thing).
Now, I modified a little the template.css file (lines 1191) :
What do you think ?
I'm not a CSS wizard, so there is certainly room for improvement.
The original code :
.feed .item-title:not([data-unread="0"])::before { content: "(" attr(data-unread) ") "; }The new code :
.feed .item-title:not([data-unread="0"])::after { content: "(" attr(data-unread) ") "; position: absolute; right : 15px; }I don't know which section is best "idea" or "show and tell", but here it is.
Have a nice day 🖖
Beta Was this translation helpful? Give feedback.
All reactions