git/list[1] front-page[2] threads[3] people[4] search[5] about
 

Re: [PATCH 3/5] gitweb: fix mobile page overflow across log/commit/blob/diff views

From
Matthew Pellerito <rito@ritovision.com>
Date
Feb 17, 2026, 12:29 UTC
Message-ID
<19c6b938a9a.dac9ed8487680.8990157022586832057@ritovision.com>
In-Reply-To
<CAPig+cSb=zzDJCoo91detBgfAi9p4a3R8sVc6iTXfzpbNxsNrg@mail.gmail.com>
Good catch. I just rerolled a cleaner sequencing.
From: Eric Sunshine <sunshine@sunshineco.com>
To: "Rito Rhymes via GitGitGadget"<gitgitgadget@gmail.com>
Cc: <git@vger.kernel.org>, "Rito Rhymes"<rito@ritovision.com>
Date: Sun, 15 Feb 2026 18:20:56 -0500
Subject: Re: [PATCH 3/5] gitweb: fix mobile page overflow across log/commit/blob/diff views
 > On Mon, Feb 9, 2026 at 6:17 PM Rito Rhymes via GitGitGadget
 > <gitgitgadget@gmail.com> wrote:
 > > On mobile-sized viewports, gitweb pages in log/commit/blob/diff views can
 > > overflow horizontally due to desktop-oriented paddings and fixed-width
 > > preformatted content.
 > >
 > > Add a shared mobile media query to rebalance those layouts: reduce or clear
 > > paddings in log/commit sections, keep header/search content within the
 > > viewport, and allow horizontal scrolling for preformatted blob/diff content
 > > instead of forcing page-wide overflow.
 > >
 > > Signed-off-by: Rito Rhymes <rito@ritovision.com>
 > > ---
 > > diff --git a/gitweb/static/gitweb.css b/gitweb/static/gitweb.css
 > > @@ -537,13 +538,6 @@ div.search {
 > >  div.projsearch {
 > >         text-align: center;
 > >         margin: 20px 0px;
 > > -       padding: 0 8px;
 > > -       box-sizing: border-box;
 > > -}
 > > -
 > > -div.projsearch input[type="text"] {
 > > -       max-width: 100%;
 > > -       box-sizing: border-box;
 > >  }
 > 
 > These lines were all added by patch [2/5], applying to all viewport
 > sizes, but here in patch [3/5]...
 > 
 > > @@ -691,3 +685,66 @@ div.remote {
 > > +@media (max-width: 768px) {
 > > +       div.projsearch {
 > > +               padding: 0 8px;
 > > +               box-sizing: border-box;
 > > +       }
 > > +
 > > +       div.projsearch input[type="text"] {
 > > +               max-width: 100%;
 > > +               box-sizing: border-box;
 > > +       }
 > 
 > ...they are relocated to this @media query. It seems a bit odd to add
 > the lines in one patch and then immediately relocate them in the next
 > patch, and it's not clear why the series is constructed this way. I
 > could, perhaps, understand having separate patches like this if the
 > idea is to specially call out the existing "broken" behavior, but
 > considering that the commit message of both patches talk about
 > restricting the width of the input field to fit the viewport, I'm
 > having trouble understanding why the patches are separate.
 > 
 > 
Previous: Eric SunshineNext: Rito Rhymes via GitGitGadget
Message 6 of 17 in “gitweb: fix broken mobile layouts across views”
  1. 0/5 gitweb: fix broken mobile layouts across viewsRito via GitGitGadget, Feb 9, 2026
  2. 1/5 gitweb: add viewport meta tag for mobile devicesRito Rhymes via GitGitGadget, Feb 9, 2026
  3. 2/5 gitweb: prevent project search bar from overflowing on mobileRito Rhymes via GitGitGadget, Feb 9, 2026
  4. 3/5 gitweb: fix mobile page overflow across log/commit/blob/diff viewsRito Rhymes via GitGitGadget, Feb 9, 2026
  5. Eric SunshineFeb 15, 2026
  6. Matthew PelleritoFeb 17, 2026
  7. 4/5 gitweb: fix mobile footer overflow by wrapping text and clearing floatsRito Rhymes via GitGitGadget, Feb 9, 2026
  8. 5/5 gitweb: let page header grow on mobile for long wrapped project namesRito Rhymes via GitGitGadget, Feb 9, 2026
  9. 0/5 gitweb: fix broken mobile layouts across viewsRito via GitGitGadget, Feb 16, 2026
  10. 1/5 gitweb: add viewport meta tag for mobile devicesRito Rhymes via GitGitGadget, Feb 16, 2026
  11. 2/5 gitweb: prevent project search bar from overflowing on mobileRito Rhymes via GitGitGadget, Feb 16, 2026
  12. 3/5 gitweb: fix mobile page overflow across log/commit/blob/diff viewsRito Rhymes via GitGitGadget, Feb 16, 2026
  13. 4/5 gitweb: fix mobile footer overflow by wrapping text and clearing floatsRito Rhymes via GitGitGadget, Feb 16, 2026
  14. 5/5 gitweb: let page header grow on mobile for long wrapped project namesRito Rhymes via GitGitGadget, Feb 16, 2026
  15. Junio C HamanoFeb 20, 2026
  16. Rito RhymesFeb 21, 2026
  17. Eric SunshineFeb 22, 2026

Read the whole thread, see it on lore, or plain text.

$ cat FOOTERMessages come from the public archive at lore.kernel.org/git, fetched every hour. The front page is chosen and written each morning by an AI editor and can be wrong; the threads themselves are the record. About and API. For agents: an MCP server at https://gitlist.dev/mcp, and any thread, story or person page as Markdown by adding .md to its URL (or sending Accept: text/markdown). Details in /llms.txt.