From: "Rito Rhymes via GitGitGadget" <gitgitgadget@gmail•com>
To: git@vger•kernel.org
Cc: Rito <rito@ritovision•com>, Rito Rhymes <rito@ritovision•com>
Subject: [PATCH 2/5] gitweb: prevent project search bar from overflowing on mobile
Date: Mon, 09 Feb 2026 23:17:15 +0000 [thread overview]
Message-ID: <bec6b10d500794365581905be41980e53d1f264a.1770679038.git.gitgitgadget@gmail.com> (raw)
In-Reply-To: <pull.2043.git.1770679038.gitgitgadget@gmail.com>
From: Rito Rhymes <rito@ritovision•com>
On narrow screens, the project search input can exceed the available width
and force page-wide horizontal scrolling.
Add side padding to the search container and cap the input to its container
width with border-box sizing, so the form stays within the viewport.
Signed-off-by: Rito Rhymes <rito@ritovision•com>
---
gitweb/static/gitweb.css | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/gitweb/static/gitweb.css b/gitweb/static/gitweb.css
index 48d2e51015..1fe120cd95 100644
--- a/gitweb/static/gitweb.css
+++ b/gitweb/static/gitweb.css
@@ -537,6 +537,13 @@ 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;
}
div.projsearch form {
--
gitgitgadget
next prev parent reply other threads:[~2026-02-09 23:17 UTC|newest]
Thread overview: 17+ messages / expand[flat|nested] mbox.gz Atom feed top
2026-02-09 23:17 [PATCH 0/5] gitweb: fix broken mobile layouts across views Rito via GitGitGadget
2026-02-09 23:17 ` [PATCH 1/5] gitweb: add viewport meta tag for mobile devices Rito Rhymes via GitGitGadget
2026-02-09 23:17 ` Rito Rhymes via GitGitGadget [this message]
2026-02-09 23:17 ` [PATCH 3/5] gitweb: fix mobile page overflow across log/commit/blob/diff views Rito Rhymes via GitGitGadget
2026-02-15 23:20 ` Eric Sunshine
2026-02-17 12:29 ` Matthew Pellerito
2026-02-09 23:17 ` [PATCH 4/5] gitweb: fix mobile footer overflow by wrapping text and clearing floats Rito Rhymes via GitGitGadget
2026-02-09 23:17 ` [PATCH 5/5] gitweb: let page header grow on mobile for long wrapped project names Rito Rhymes via GitGitGadget
2026-02-16 15:53 ` [PATCH v2 0/5] gitweb: fix broken mobile layouts across views Rito via GitGitGadget
2026-02-16 15:53 ` [PATCH v2 1/5] gitweb: add viewport meta tag for mobile devices Rito Rhymes via GitGitGadget
2026-02-16 15:53 ` [PATCH v2 2/5] gitweb: prevent project search bar from overflowing on mobile Rito Rhymes via GitGitGadget
2026-02-16 15:53 ` [PATCH v2 3/5] gitweb: fix mobile page overflow across log/commit/blob/diff views Rito Rhymes via GitGitGadget
2026-02-16 15:53 ` [PATCH v2 4/5] gitweb: fix mobile footer overflow by wrapping text and clearing floats Rito Rhymes via GitGitGadget
2026-02-16 15:53 ` [PATCH v2 5/5] gitweb: let page header grow on mobile for long wrapped project names Rito Rhymes via GitGitGadget
2026-02-20 22:38 ` [PATCH v2 0/5] gitweb: fix broken mobile layouts across views Junio C Hamano
2026-02-21 0:17 ` Rito Rhymes
2026-02-22 8:39 ` Eric Sunshine
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=bec6b10d500794365581905be41980e53d1f264a.1770679038.git.gitgitgadget@gmail.com \
--to=gitgitgadget@gmail$(echo .)com \
--cc=git@vger$(echo .)kernel.org \
--cc=rito@ritovision$(echo .)com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox