Skip to content

Commit bec6b10

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 side padding to the search container and cap the input to its container width with border-box sizing, so the form stays within the viewport. Signed-off-by: Rito Rhymes <rito@ritovision.com>
1 parent ff85e97 commit bec6b10

1 file changed

Lines changed: 7 additions & 0 deletions

File tree

gitweb/static/gitweb.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -537,6 +537,13 @@ div.search {
537537
div.projsearch {
538538
text-align: center;
539539
margin: 20px 0px;
540+
padding: 0 8px;
541+
box-sizing: border-box;
542+
}
543+
544+
div.projsearch input[type="text"] {
545+
max-width: 100%;
546+
box-sizing: border-box;
540547
}
541548

542549
div.projsearch form {

0 commit comments

Comments
 (0)