[OCaml] Mobile-friendly clone of cgit.
fix wrap commit-ago below timestamp and title on mobile
On mobile (max-width: 600px), commit list items now flex-wrap so the relative time ('3 days ago') flows to its own line underneath the timestamp and commit title instead of being crammed horizontally.
Changed files
lib/static/styles.css
@@ -1089,7 +1089,26 @@
1089
1089
}
1090
1090
1091
1091
.commit-author {
1092
Removed:
display: none;
1092
Added:
display: flex;
1093
Added:
}
1094
Added:
1095
Added:
#main ul li:has(.commit-title) {
1096
Added:
flex-wrap: wrap;
1097
Added:
}
1098
Added:
1099
Added:
.commit-title {
1100
Added:
flex-basis: 100%;
1101
Added:
min-width: 100%;
1102
Added:
}
1103
Added:
1104
Added:
.commit-ago {
1105
Added:
padding-top: 0;
1106
Added:
padding-bottom: 0.5em;
1107
Added:
}
1108
Added:
1109
Added:
.commit-author {
1110
Added:
margin-left: auto;
1111
Added:
padding-bottom: 0.5em;
1093
1112
}
1094
1113
1095
1114
footer {
lib/views/repo.ml
@@ -404,7 +404,7 @@
404
404
HTML.(
405
405
span
406
406
[ class_ "commit-title" ]
407
Removed:
[ Routes.link_to commit_route (txt "%s" commit_title) ])
407
Added:
[ pill; Routes.link_to commit_route (txt "%s" commit_title) ])
408
408
in
409
409
let ago_span =
410
410
HTML.(
@@ -424,7 +424,7 @@
424
424
commit.author;
425
425
])
426
426
in
427
Removed:
HTML.(li [] [ timestamp_span; pill; title_span; ago_span; author_span ])
427
Added:
HTML.(li [] [ timestamp_span; title_span; ago_span; author_span ])
428
428
429
429
let rec li_of_tree_node repo (pe : Resolvers.Tree.tree_node) =
430
430
let entry = pe.entry in