From 5be380d865972652a2cfd3f1f8d090c87489d904 Mon Sep 17 00:00:00 2001 From: Rito Rhymes Date: Mon, 16 Feb 2026 15:53:28 +0000 Subject: gitweb: prevent project search bar from overflowing on mobile On narrow screens, the project search input can exceed the available width and force page-wide horizontal scrolling. Add a mobile media query and apply side padding to the search container, then cap the input width to its container with border-box sizing so the form stays within the viewport. Signed-off-by: Rito Rhymes Signed-off-by: Junio C Hamano --- gitweb/static/gitweb.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'gitweb/static/gitweb.css') diff --git a/gitweb/static/gitweb.css b/gitweb/static/gitweb.css index 48d2e51015..0b63acc0e2 100644 --- a/gitweb/static/gitweb.css +++ b/gitweb/static/gitweb.css @@ -684,3 +684,15 @@ div.remote { .kwb { color:#830000; } .kwc { color:#000000; font-weight:bold; } .kwd { color:#010181; } + +@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; + } +} -- cgit v1.2.3