Den fre 24 juli 2026 kl 22:39 skrev Nathan Hartman <[email protected]
>:

> 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
>

I like having the background on the summary element. Not so sure about the
blue border.

Cheers,
Daniel

Reply via email to