MIME-Version: 1.0
References: 
 <CA+OCxown=DT0kXqGsT_k5=xdGrJmkqkU_=N3w0PuWnNgC99F1Q@mail.gmail.com>
 <22aaa47c-cb0f-4890-b61b-adee6c9aff93@postgresql.org>
In-Reply-To: <22aaa47c-cb0f-4890-b61b-adee6c9aff93@postgresql.org>
From: Dave Page <dpage@pgadmin.org>
Date: Fri, 28 Nov 2025 09:09:19 +0000
Message-ID: 
 <CA+OCxoxyfHj2xzSX08NwsBPCLLWy9X+oZN8iVUcxUC3Aq81Q8w@mail.gmail.com>
Subject: Re: Button alignment on hamburger menu
To: "Jonathan S. Katz" <jkatz@postgresql.org>
Cc: PostgreSQL WWW <pgsql-www@lists.postgresql.org>
Content-Type: multipart/alternative; boundary="000000000000b701280644a3fca7"
Archived-At: 
 <https://www.postgresql.org/message-id/CA%2BOCxoxyfHj2xzSX08NwsBPCLLWy9X%2BoZN8iVUcxUC3Aq81Q8w%40mail.gmail.com>
Precedence: bulk

--000000000000b701280644a3fca7
Content-Type: text/plain; charset="UTF-8"

Hi

On Thu, 27 Nov 2025 at 16:10, Jonathan S. Katz <jkatz@postgresql.org> wrote:

> On 11/26/25 5:40 AM, Dave Page wrote:
> > When the browser viewport shrinks and switches to hamburger menu mode,
> > the search and light dark mode buttons are terribly aligned.
> >
> > The attached patch fixes that. See the attached screenshots for before/
> > after.
> >
> > I will commit on Friday if no-one objects.
>
> My only nit would be to put the code in the section that is entitled
>
> "/* Burger menu */"
>
> just to keep the like CSS together. We spent a lot of time in the
> redesign of 2018 to try to keep the CSS from being strewn all about :)
>

Thanks.

I've committed this, with a title of "Hamburger menu" (so both hamburger
and burger will match any searches). Note that the position of it within
the file is basically fixed as it's within a slightly larger pre-existing
@media block.

-- 
Dave Page
pgAdmin: https://www.pgadmin.org
PostgreSQL: https://www.postgresql.org
pgEdge: https://www.pgedge.com

--000000000000b701280644a3fca7
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr"><div>Hi</div><br><div class=3D"gmail_quote gmail_quote_con=
tainer"><div dir=3D"ltr" class=3D"gmail_attr">On Thu, 27 Nov 2025 at 16:10,=
 Jonathan S. Katz &lt;<a href=3D"mailto:jkatz@postgresql.org">jkatz@postgre=
sql.org</a>&gt; wrote:<br></div><blockquote class=3D"gmail_quote" style=3D"=
margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;bord=
er-left-color:rgb(204,204,204);padding-left:1ex">On 11/26/25 5:40 AM, Dave =
Page wrote:<br>
&gt; When the browser viewport shrinks and switches to hamburger menu mode,=
 <br>
&gt; the search and light dark mode buttons are terribly aligned.<br>
&gt; <br>
&gt; The attached patch fixes that. See the attached screenshots for before=
/ <br>
&gt; after.<br>
&gt; <br>
&gt; I will commit on Friday if no-one objects.<br>
<br>
My only nit would be to put the code in the section that is entitled<br>
<br>
&quot;/* Burger menu */&quot;<br>
<br>
just to keep the like CSS together. We spent a lot of time in the <br>
redesign of 2018 to try to keep the CSS from being strewn all about :)<br><=
/blockquote><div><br></div><div>Thanks.</div><div><br></div><div>I&#39;ve c=
ommitted this, with a title of &quot;Hamburger menu&quot; (so both hamburge=
r and burger will match any searches). Note that the position of it within =
the file is basically fixed as it&#39;s within a slightly larger pre-existi=
ng @media block.=C2=A0</div><div>=C2=A0</div></div><span class=3D"gmail_sig=
nature_prefix">-- </span><br><div dir=3D"ltr" class=3D"gmail_signature"><di=
v dir=3D"ltr">Dave Page<div>pgAdmin: <a href=3D"https://www.pgadmin.org" ta=
rget=3D"_blank">https://www.pgadmin.org</a></div><div>PostgreSQL: <a href=
=3D"https://www.postgresql.org" target=3D"_blank">https://www.postgresql.or=
g</a></div><div>pgEdge: <a href=3D"https://www.pgedge.com" target=3D"_blank=
">https://www.pgedge.com</a><br><div></div><div><br></div></div></div></div=
></div>

--000000000000b701280644a3fca7--