[FEATURE] Article View Padding

[ddkasa]

Is your feature request related to a problem? Please describe.
Article text is to close to the edge and doesn't provide a great reading experience.

Describe the solution you'd like
I would like to have two different things added :

1. Padding configuration for each section. Especially for the article section.
   For example:

[theme.article_view]
padding = 5  # Something similar to the CSS box model.

2. A focus mode similar to the Zen Mode Neovim extension.
   Essentially a hotkey that allows you toggle a more narrow and distraction free mode when viewing an article.

Additional context

Checklist

• checked that this feature wasn't requested before in an issue
• read CONTRIBUTING.md

[Builditluc]

Hey @ddkasa, please excuse my late reply.
I agree with you that with no padding, reading in especially large windows is a bit uncomfortable.
From what I can see in zen-mode.nvim, the page width would be a set percentage of the main window. Should this zen-mode also hide the table of contents (this would be configurable), what do you think?

Regarding the padding, should this padding be applied to the whole application (including searchbar, statusbar, etc) or just the article and the table of contents?

[ddkasa]

Hi @Builditluc

Should this zen-mode also hide the table of contents (this would be configurable), what do you think?

Yes, I think it should hide everything except the article, as it's essentially a distraction free reading mode. Unless you can find a way to integrate the table of contents more seamlessly, such as creating a navigation bar with just the header/chapter numbers.

Regarding the padding, should this padding be applied to the whole application (including searchbar, statusbar, etc) or just the article and the table of contents?

I was particularly thinking of the article view where most of my time is spent anyway. The application already has configurable themes for each of the sections, so if it's easy to integrate; my opinion is that having more options is better.

[Builditluc]

I've implemented a zen-mode and added padding configuration options. They are already available in the current dev version (do note, this version is very different, and not totally complete configuration wise).

The documentation for the zen-mode options can be found here: https://wiki-tui.net/dev/configuration/page/#zen-mode
The documentation for the padding options here: https://wiki-tui.net/dev/configuration/page/#padding

[ddkasa]

I have tried the dev version and everything is looking pretty good.

My only suggestion would be to allow for a width_percentage value for zen-mode like you have for the table of contents in order to narrow the field of view when focusing.

[Builditluc]

Makes sense, yes. I would add an option to set a horizontal and vertical constraint, so you have more freedom in how you'd like to read the content in zen-mode. (the page view would be a centered rect where a constraint would look and be configured like this)

[Builditluc]

Pushed d713a9d which adds size constraints for the content in zen-mode. Documentation for the feature is also live at: https://wiki-tui.net/develop/configuration/page/#changing-the-size-of-the-content-in-zen-mode

[Builditluc]

Closing this, as the feature was shipped with v0.9.0