Skip to content

Commit 6383e1f

Browse files
committed
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>
1 parent ff85e97 commit 6383e1f

1 file changed

Lines changed: 12 additions & 0 deletions

File tree

gitweb/static/gitweb.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -684,3 +684,15 @@ div.remote {
684684
.kwb { color:#830000; }
685685
.kwc { color:#000000; font-weight:bold; }
686686
.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+
}

0 commit comments

Comments
 (0)