kernel
/
git
mirror of https://git.kernel.org/pub/scm/git/git.git
1
0
Fork 0
Code Releases Activity

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>
maint
Rito Rhymes 2026-02-16 15:53:28 +00:00 committed by Junio C Hamano
parent 18e71bbda1
commit 5be380d865
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
gitweb/static/gitweb.css
View File

@ -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;
}
}