global/git
1
0
Fork 0
mirror of https://github.com/git/git.git synced 2026-03-04 14:37:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'rr/gitweb-mobile' into jch

Browse Source 
"gitweb" has been taught to be mobile friendly.

* rr/gitweb-mobile:
  gitweb: let page header grow on mobile for long wrapped project names
  gitweb: fix mobile footer overflow by wrapping text and clearing floats
  gitweb: fix mobile page overflow across log/commit/blob/diff views
  gitweb: prevent project search bar from overflowing on mobile
  gitweb: add viewport meta tag for mobile devices
This commit is contained in:
Junio C Hamano
2026-03-03 11:08:20 -08:00
parent 2bf7aba527 f4e63fd83e
commit 16b77869c8
2 changed files with 73 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
gitweb/gitweb.perl
View File

@@ -4214,6 +4214,7 @@ sub git_header_html {
<head>
<meta name="generator" content="gitweb/$version git/$git_version$mod_perl_version"/>
<meta name="robots" content="index, nofollow"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>$title</title>
EOF
# the stylesheet, favicon etc urls won't work correctly with path_info

74
gitweb/static/gitweb.css
View File

@@ -42,7 +42,7 @@ a.list img.avatar {
}
div.page_header {
height: 25px;
min-height: 25px;
padding: 8px;
font-size: 150%;
font-weight: bold;
@@ -73,11 +73,17 @@ div.page_path {
}
div.page_footer {
height: 22px;
min-height: 22px;
padding: 4px 8px;
background-color: #d9d8d1;
}
div.page_footer::after {
content: "";
display: table;
clear: both;
}
div.page_footer_text {
line-height: 22px;
float: left;
@@ -123,6 +129,7 @@ div.title_text {
div.log_body {
padding: 8px 8px 8px 150px;
overflow-wrap: anywhere;
}
span.age {
@@ -684,3 +691,66 @@ div.remote {
.kwb { color:#830000; }
.kwc { color:#000000; font-weight:bold; }
.kwd { color:#010181; }
@media (max-width: 768px) {
div.page_body {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
div.page_body div.pre {
min-width: max-content;
}
div.projsearch {
padding: 0 8px;
box-sizing: border-box;
}
div.projsearch input[type="text"] {
max-width: 100%;
box-sizing: border-box;
}
div.title_text {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding-left: 4px;
padding-right: 4px;
box-sizing: border-box;
}
div.title_text table.object_header {
width: max-content;
}
div.log_body {
padding: 8px;
clear: left;
}
div.patchset div.patch {
width: max-content;
min-width: 100%;
}
div.diff.header {
padding: 4px 8px 2px 8px;
white-space: nowrap;
overflow-wrap: normal;
}
div.diff.extended_header {
padding: 2px 8px;
white-space: nowrap;
overflow-wrap: normal;
}
div.diff.ctx,
div.diff.add,
div.diff.rem,
div.diff.chunk_header {
padding: 0 8px;
white-space: pre;
}
}