GNU bug report logs - #77513
Align "Search Alert" and "Projects" in navbar

Previous Next

To reply to this bug, email your comments to 77513 AT debbugs.gnu.org.

Toggle the display of automated, internal messages from the tracker.

Message #5 received at submit <at> debbugs.gnu.org (full text, mbox):

From: Arun Isaac <arunisaac <at> systemreboot.net>
To: bug-mumi <at> gnu.org
Subject: Align "Search Alert" and "Projects" in navbar
Date: Fri, 04 Apr 2025 00:15:36 +0100

The "Search Alert" and "Projects" links in the navbar of the web UI are
slightly misaligned vertically. It's quite the eyesore. Unfortunately, I
couldn't figure out the CSS required to fix it. Help is much
appreciated.

Thanks!

Message #8 received at 77513 <at> debbugs.gnu.org (full text, mbox):

From: Luis Felipe <sirgazil <at> zoho.com>
To: 77513 <at> debbugs.gnu.org
Subject: Align "Search Alert" and "Projects" in navbar
Date: Sat, 5 Apr 2025 19:18:11 +0000

[Message part 1 (text/plain, inline)]

Hello, Arun

> The "Search Alert" and "Projects" links in the navbar of the web UI 
are slightly misaligned vertically. It's quite the eyesore. 
Unfortunately, I couldn't figure out the CSS required to fix it. Help is 
much appreciated.

Inspecting the elements inside the navbar with the web browser tools, my 
conclusion is that the reason for the misalignment is that all DETAILS 
elements are given a top margin (see mumi.css, line 2703), which pushes 
the Projects dropdown down in this case. You can see that removing that 
margin solves the problem. But probably the right thing to do in this 
case would be to override that margin for the DETAILS element used in 
the Projects menu alone.

Hope that helps,

[OpenPGP_0x0AB0D067012F08C3.asc (application/pgp-keys, attachment)]

[OpenPGP_signature.asc (application/pgp-signature, attachment)]

Message #11 received at 77513 <at> debbugs.gnu.org (full text, mbox):

From: Arun Isaac <arunisaac <at> systemreboot.net>
To: Luis Felipe <sirgazil <at> zoho.com>, 77513 <at> debbugs.gnu.org
Subject: Re: bug#77513: Align "Search Alert" and "Projects" in navbar
Date: Sun, 06 Apr 2025 00:35:53 +0100

Hi Luis,

> Inspecting the elements inside the navbar with the web browser tools, my 
> conclusion is that the reason for the misalignment is that all DETAILS 
> elements are given a top margin (see mumi.css, line 2703), which pushes 
> the Projects dropdown down in this case. You can see that removing that 
> margin solves the problem. But probably the right thing to do in this 
> case would be to override that margin for the DETAILS element used in 
> the Projects menu alone.

Yep, this works! I'll remove the margin for that details element alone.

However, this feels like a picocss bug. Perhaps, in the long term,
upgrading to picocss v2 might help address this. See
https://issues.guix.gnu.org/77565

Thanks,
Arun

Previous Next

GNU bug tracking system
Copyright (C) 1999 Darren O. Benham, 1997,2003 nCipher Corporation Ltd, 1994-97 Ian Jackson.