On Thu, Jul 23, 2026 at 6:40 AM Branko Čibej <[email protected]> wrote:
>
> On 23. 7. 2026 12:25, Ivan Zhakov wrote:
>
> On Thu, 23 Jul 2026 at 11:59, <[email protected]> wrote:
>>
>> Author: dsahlberg
>> Date: Thu Jul 23 08:59:43 2026
>> New Revision: 1936515
>>
>> Log:
>> In site/staging:
>>
>> * docs/release-notes/1.15.html
>> (#build-system-comparison): Try to add a horizontal scrollbar to the table
>> instead of resizing the whole page on narrow-width screens.
>>
> [...]
>
>>
>> <details><summary>Build System Comparison</summary>
>>
>> -<table border="1">
>> +<table border="1" style="display: block; max-width: fit-content; margin: 0
>> auto; overflow-x: auto; white-space: nowrap">
>
> The side effect of this change that table is centered now. All other tables
> are left aligned. I think we should left align this table too.
>
> Btw I don't a see problem that table adds scrollbar to all page. Otherwise we
> can end up with two scrollbars and this is bad UX in my opinion.
>
>
>
> I just looked at the staging site, I agree. I also find the arrow extremely
> subtle, there's not even a cursor change since it's not a button. The whole
> title line should render like a button or a link, otherwise people will have
> no idea that there's something to click.
>
>
> -- Brane
>
I agree the arrow is too subtle and it's not obvious the line can be
clicked to expand/contract.
Though we could change the text to something like "click to expand" I
feel like having to write that in the text is bad UX.
So I've experimented with some CSS and this is what I have so far. Not
terribly happy with it but out of time for now... I can try to circle
back later or anyone can feel free to experiment with it further in
the meantime.
[[[
/*
* Make it possible to hide verbose content by default, expanding it
* only on user request
*/
details {
border: 2px solid #4175be;
border-radius: 5px;
summary {
background-color: #93b0da;
font-size: 115%;
padding: 0.25em;
cursor: pointer;
}
}
]]]
Cheers,
Nathan
