A widescreen-friendly stylesheet

[mcnesium]

Here is a widescreen-friendly stylesheet for the minimalist feed reader Miniflux.

It comes with a shellscript and VScode config to automate deployment on save.

Miniflux is a minimalist and opinionated feed reader, according to the author.
The user interface does what it is supposed to, but due to its opinionation, it
has its limits, especially when viewed on large widescreen displays.

However, it has an easy way to extend its CSS via a form field in the settings.
So here is a bunch of CSS that does all kinds of things that I like better this
way (very much opinionated, indeed):

• multiple columns that scroll horizontally in articles on widescreens
• multiple columns in the article list and settings page as well
• remove a few items, that I don't need on small screens
• re-arrange the secondary navigation
• remove the dotted borders
• set the font-size to 1em everywhere

The CSS must normally be inserted in the form field. This was too much a hassle,
though. No syntax highlighting, no codecompletion, no formatting, no linting, …
So I wrote the CSS in a regular file with my favorite editor, and copypasted the
CSS in the form field. But that is annoying too, if you have to switch back and
forth from the editor to the form to the viewer tab and back. There must be an
even easier solution! Why not posting that CSS right into the form from the CLI?

So I wrote a shellscript that grabs the CSS and runs a curl command to post it
to the Miniflux settings endpoint, just as the HTML form would do. It sources an
.env file with environment variables for the configuration, e.g. the Miniflux
domain, the cookies and CSRF token that need to be copied from the devtools in
the browser for now. But the shellscript must be run everytime the CSS changes.
That must be even easier!

My favorite editor VScode can run tasks. So I set it to run that shellscript
everytime I save the CSS file. Unfortunately, this requires the extension
RunOnSave to be installed. But this works for now.

Have fun customizing your Miniflux and deploying it seamlessly!

[mcnesium]

I updated the script to also handle custom javascript that landed in Miniflux v2.2.2. Furthermore, it now persists all the other settings in Git (no longer only handles the CSS file) and I also added my former private feed-related customizations. Feel free to check it out over on Codeberg.

[xfzv]

Really nice, thanks for sharing.