Avatar

Interim status report, Width restriction of the main page ... (Design/Themes)

by Auge ⌂, Thursday, September 26, 2024, 03:29 (7 days ago) @ Auge

Hello

After fiddling around and discussing the pitfalls, I came up with a solution. The main grid of the overview pages will be restricted to the browsers viewport width but the thread trees are able to overflow the width of the viewport. We introduced a breaking point in the list items of postings (between subject and the metadata of a posting (author, date and time, and the tail for the preview and the moderation functions). The parts in itself does not break and have to be horizontally scrolled if needed.

[image]

Screenshot of a thread tree in a viewport of 420px width (simulated with the Firefox developer tools).

For the solution we had to introduce a new HTML-element for grouping the metadata. Furthermore I needed to move the icon for no-text-postings into the metadata section. This in turn made it necessary to adapt the structural changes to the JavaScript-code, that reads the thread tree items and generates the preview and the open-thread-in-nested-view features.

[image]

Screenshot of a thread tree including an empty posting. It is marked with an icon in the metadata section where the icon replaces the preview icon.

When the pull request and the code review is done, we can release a new version.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!


Complete thread:

 RSS Feed of thread