Re: svn commit: r1936515 - subversion/site/staging/docs/release-notes

On Thu, Jul 23, 2026 at 6:40=E2=80=AFAM Branko =C4=8Cibej <[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 t=
able
>>     instead of resizing the whole page on narrow-width screens.
>>
> [...]
>
>>
>>  <details><summary>Build System Comparison</summary>
>>
>> -<table border=3D"1">
>> +<table border=3D"1" style=3D"display: block; max-width: fit-content; ma=
rgin: 0 auto; overflow-x: auto; white-space: nowrap">
>
> The side effect of this change that table is centered now. All other tabl=
es 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. Otherwis=
e 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 extreme=
ly subtle, there's not even a cursor change since it's not a button. The wh=
ole 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