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 <rito@ritovision.com> Signed-off-by: Junio C Hamano <gitster@pobox.com>
Rito Rhymes committed
Feb 16, 2026 at 15:53 UTC
5be380d865972652a2cfd3f1f8d090c87489d904
1 file changed
+12
gitweb/static/gitweb.css
+12
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;
+ }
+}