gitweb: fix mobile footer overflow by wrapping text and clearing floats

On narrow screens, footer text can wrap, but the fixed 22px footer height
and floated footer blocks can cause overflow.

Switch to min-height and add a clearfix on the footer container so it grows
to contain wrapped float content cleanly.

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:30 +00:00
committed by Junio C Hamano
parent fd10720357
commit 34108d7fa3

View File

@@ -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;