Skip to content

Commit 87cfeb8

Browse files
committed
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>
1 parent 7b785b6 commit 87cfeb8

1 file changed

Lines changed: 7 additions & 1 deletion

File tree

gitweb/static/gitweb.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,11 +73,17 @@ div.page_path {
7373
}
7474

7575
div.page_footer {
76-
height: 22px;
76+
min-height: 22px;
7777
padding: 4px 8px;
7878
background-color: #d9d8d1;
7979
}
8080

81+
div.page_footer::after {
82+
content: "";
83+
display: table;
84+
clear: both;
85+
}
86+
8187
div.page_footer_text {
8288
line-height: 22px;
8389
float: left;

0 commit comments

Comments
 (0)