public inbox for pgsql-www@postgresql.org
help / color / mirror / Atom feedButton alignment on hamburger menu
4+ messages / 2 participants
[nested] [flat]
* Button alignment on hamburger menu
@ 2025-11-26 10:40 Dave Page <dpage@pgadmin.org>
2025-11-27 16:10 ` Re: Button alignment on hamburger menu Jonathan S. Katz <jkatz@postgresql.org>
0 siblings, 1 reply; 4+ messages in thread
From: Dave Page @ 2025-11-26 10:40 UTC (permalink / raw)
To: PostgreSQL WWW <pgsql-www@lists.postgresql.org>
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.
--
Dave Page
pgAdmin: https://www.pgadmin.org
PostgreSQL: https://www.postgresql.org
pgEdge: https://www.pgedge.com
Attachments:
[application/octet-stream] hamburger_button_alignment.diff (786B, 3-hamburger_button_alignment.diff)
download | inline diff:
diff --git a/media/css/main.css b/media/css/main.css
index 3be226d3..282e4c94 100644
--- a/media/css/main.css
+++ b/media/css/main.css
@@ -1884,6 +1884,27 @@ button.imagebutton {
#docContent table.table {
font-size: 70%;
}
+ /* Search and theme buttons layout in mobile menu */
+ #pgNavbar form[role="search"],
+ #pgNavbar #form-theme {
+ display: inline-block;
+ margin: 0.5rem 0.25rem;
+ }
+ #pgNavbar form[role="search"] .input-group {
+ width: auto;
+ }
+ #pgNavbar form[role="search"] .btn,
+ #pgNavbar #form-theme .btn {
+ width: 2.5rem;
+ height: 2.5rem;
+ padding: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ #pgNavbar #form-theme .btn {
+ margin-left: 0;
+ }
}
@media (max-width: 768px) {
[image/png] before.png (42.7K, 4-before.png)
download | view image
[image/png] after.png (38.4K, 5-after.png)
download | view image
^ permalink raw reply [nested|flat] 4+ messages in thread
* Re: Button alignment on hamburger menu
2025-11-26 10:40 Button alignment on hamburger menu Dave Page <dpage@pgadmin.org>
@ 2025-11-27 16:10 ` Jonathan S. Katz <jkatz@postgresql.org>
2025-11-28 09:09 ` Re: Button alignment on hamburger menu Dave Page <dpage@pgadmin.org>
0 siblings, 1 reply; 4+ messages in thread
From: Jonathan S. Katz @ 2025-11-27 16:10 UTC (permalink / raw)
To: Dave Page <dpage@pgadmin.org>; PostgreSQL WWW <pgsql-www@lists.postgresql.org>
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,
Jonathan
Attachments:
[application/pgp-signature] OpenPGP_signature.asc (840B, 2-OpenPGP_signature.asc)
download
^ permalink raw reply [nested|flat] 4+ messages in thread
* Re: Button alignment on hamburger menu
2025-11-26 10:40 Button alignment on hamburger menu Dave Page <dpage@pgadmin.org>
2025-11-27 16:10 ` Re: Button alignment on hamburger menu Jonathan S. Katz <jkatz@postgresql.org>
@ 2025-11-28 09:09 ` Dave Page <dpage@pgadmin.org>
2025-11-28 16:25 ` Re: Button alignment on hamburger menu Jonathan S. Katz <jkatz@postgresql.org>
0 siblings, 1 reply; 4+ messages in thread
From: Dave Page @ 2025-11-28 09:09 UTC (permalink / raw)
To: Jonathan S. Katz <jkatz@postgresql.org>; +Cc: PostgreSQL WWW <pgsql-www@lists.postgresql.org>
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
^ permalink raw reply [nested|flat] 4+ messages in thread
* Re: Button alignment on hamburger menu
2025-11-26 10:40 Button alignment on hamburger menu Dave Page <dpage@pgadmin.org>
2025-11-27 16:10 ` Re: Button alignment on hamburger menu Jonathan S. Katz <jkatz@postgresql.org>
2025-11-28 09:09 ` Re: Button alignment on hamburger menu Dave Page <dpage@pgadmin.org>
@ 2025-11-28 16:25 ` Jonathan S. Katz <jkatz@postgresql.org>
0 siblings, 0 replies; 4+ messages in thread
From: Jonathan S. Katz @ 2025-11-28 16:25 UTC (permalink / raw)
To: Dave Page <dpage@pgadmin.org>; +Cc: PostgreSQL WWW <pgsql-www@lists.postgresql.org>
On 11/28/25 4:09 AM, Dave Page wrote:
> 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.
Ah, I missed that in the diff - thanks!
Jonathan
Attachments:
[application/pgp-signature] OpenPGP_signature.asc (840B, 2-OpenPGP_signature.asc)
download
^ permalink raw reply [nested|flat] 4+ messages in thread
end of thread, other threads:[~2025-11-28 16:25 UTC | newest]
Thread overview: 4+ messages (download: mbox.gz follow: Atom feed)
-- links below jump to the message on this page --
2025-11-26 10:40 Button alignment on hamburger menu Dave Page <dpage@pgadmin.org>
2025-11-27 16:10 ` Jonathan S. Katz <jkatz@postgresql.org>
2025-11-28 09:09 ` Dave Page <dpage@pgadmin.org>
2025-11-28 16:25 ` Jonathan S. Katz <jkatz@postgresql.org>
This inbox is served by agora; see mirroring instructions
for how to clone and mirror all data and code used for this inbox