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
@@ -684,3 +684,15 @@ div.remote {
684
.kwb { color:#830000; }
685
.kwc { color:#000000; font-weight:bold; }
686
.kwd { color:#010181; }
687
+
688
+@media (max-width: 768px) {
689
+ div.projsearch {
690
+ padding: 0 8px;
691
+ box-sizing: border-box;
692
+ }
693
+
694
+ div.projsearch input[type="text"] {
695
+ max-width: 100%;
696
+ box-sizing: border-box;
697
+ }
698
+}