Page MenuHomePhabricator

Page footer wrapped across columns; its horizontal top line appears across content in new vector at Czech Wikipedia
Closed, InvalidPublic

Description

Hello,

@kostajh asked me today why a horizontal line appears in Czech Wikipedia:

image.png (1×1 px, 469 KB)

When I looked into that, I noticed that this bug is new-vector specific. It does not happen in the old vector. I also noticed that this bug disappears after scrolling/mouse moving when safemode is disabled (ie. the default), but is apparently permanent with safemode=1.

See screencast at https://commons.wikimedia.org/wiki/File:Bug_report_-_Horizontal_lines_appearing_in_new_vector_at_Czech_Wikipedia_-_20210226.webm.

URIs

Event Timeline

Is this appearing on any other pages? I clicked the FA (Povstání_An_Lu-šana) and didn't see the same issue.

Is this appearing on any other pages? I clicked the FA (Povstání_An_Lu-šana) and didn't see the same issue.

I'm not sure. I noticed it on the mainpage.

I'm not a regular new vector user, @kostajh might've noticed it elsewhere.

Aklapper renamed this task from Horizontal lines appearing in new vector at Czech Wikipedia to Page footer wrapped across columns; its horizontal top line appears across content in new vector at Czech Wikipedia.Feb 27 2021, 6:07 AM

The line comes from .mw-footer 's border-top: 1px solid #a2a9b1;. The <footer> element takes a lot of height; that's not the first time I see this. As a quick fix, I'm curious if adding <div style="clear:both"></div> right before <div class="mainpage-footer"> on :cs:w:Hlavní_strana could help here. (Improvements in simpler language to the docs for smaller wikis how to customize their frontpage are welcome.)

Screenshot from 2021-02-27 07-05-50.png (359×1 px, 85 KB)

Jdlrobson subscribed.

The issue here is that the Czech mainpage floats content but does not clear it. New Vector intentionally does not clear floated content.
Fixed in https://cs.wikipedia.org/w/index.php?title=MediaWiki%3AMainPage-stylesheet.css&type=revision&diff=19566638&oldid=19360267