Re: mac os x page: example block is cut off

[Federico Bruni]

Il giorno sab 7 lug 2018 alle 14:33, Federico Bruni 
<address@hidden> ha scritto:
> [...]
>
> I think we can safely remove it.
>
> The fixed width was introduced with below commit by Trevor in 2010.
> I don't know how browsers behaved 8 years ago, but I can see now that 
> Firefox and Chrome will add a scrollbar automatically if the example 
> doesn't fit the space available.
> If there's no objection and I'm not missing anything, I would send a 
> patch to remove the width from that CSS class.
>
>
> Author: Trevor Daniels <address@hidden>
> Date:   Fri Aug 6 12:51:03 2010 +0100
>
>    Web: Issue 958 (partial) Scroll wide examples
>
>     - Examples on web pages which are divided into two columns
>       run off the right-hand edge when the width of the browser
>       window is reduced.  This patch adds a horizontal scroll
>       bar to examples which do this.
>
> diff --git a/Documentation/css/lilypond-web.css 
> b/Documentation/css/lilypond-web.css
> index fd883b5b51..c101fd15ee 100644
> --- a/Documentation/css/lilypond-web.css
> +++ b/Documentation/css/lilypond-web.css
> @@ -891,6 +891,18 @@ div.color4 h3 {
>   line-height: 0.8;
> }
>
> +.example {
> +  position: relative;
> +  left: -3em;
> +}
> +
> +.h-scroll-auto {
> +  position: relative;
> +  left: 1em;
> +  width: 240px;
> +  overflow: auto;
> +}
> +

It's `overflow: auto` which cured the problem and adds the scrollbar 
when the text does not fit the window anymore.
I don't see any reason for a fixed width.