Re: Navigation panel on narrow screens

[Raymond Toy]

On 12/1/25 3:11 PM, Per Bothner wrote:

On 12/1/25 14:05, Raymond Toy wrote:
When I try this on a simulated iPhone SE in portrait, I get [no 
wrapping]

I don't think that's what we want.

On Gnome Web (which uses webkitgtk) when the window is too narrow
I get a horizontal scrollbar rather than wrapping. Tolerable
but not ideal.
Oh. I was using Firefox.

Is this different from what you get with your version?
The image I sent is what I see (simulated).

If not, you could be to figure out the critical difference
by incrementally changing your html+css to my version, and
seeing what change(s) cause the problem.

I'll look into it, but I'm not sure I preserved my simpler version that 
treated "Next: foo" as one item instead of two.

But in the meantime, here is an complete updated example that allows 
styling of "Next". I think this looks good, but I only use Firefox or 
Chrome. I removed almost all of the padding and other styling, but left 
the bold "Next" in. What padding is there is to add a little space 
between "Next" and the title, and a space between that and "Previous". I 
think the comments there (provided by Gemini) are really important to keep.

If you have Chrome or Firefox, use the inspector, selected responsive 
mode and see what happens to the nav panel when you resize the width of 
the window. I think this looks pretty good. Not sure what this looks 
like on Safari or webkit. I don't have Gnome Web here.


WebKit-based browsers (which includes Safari, the IPhone browser),
and Gnome Web - formerly Epiphany) are known for being less
current-standards compliant than Firefox or Chrome.
According to https://caniuse.com/flexbox Safari has supported flexbox 
for a long time. Not sure what that implies about putting a scrollbar, 
though.
​



    
    
        
            Next:
            A SERVE-EVENT Example
        

        
            Previous:
            Using SERVE-EVENT with Unix File Descriptors
        

        
            Up:
            Event Dispatching with SERVE-EVENT
        

        
            [Content][Index]