git-for-windows/git
1
0
Fork 0
mirror of https://github.com/git-for-windows/git.git synced 2026-04-29 04:28:53 -05:00
Code Issues Packages Projects Releases 335 Wiki Activity

gitweb: prevent project search bar from overflowing on mobile

Browse Source 
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>
This commit is contained in:
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
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;
}
}