Page MenuHomePhabricator

Very long discussions (horizontal axis) on talk pages become unreadable
Open, LowPublic

Description

For an experienced or very interested reader of Wikipedia, you will, from time to time, read a talk page (e.g. following the recent unread changes from the watchlist). If the talk page discussion is very very long you'll sometimes get this great view (not scrollable to the left/right):

We should at least find a better readable hack/workaround to make a talk page at least readable in some way, right? :D

Event Timeline

Florian created this task.Oct 26 2015, 11:00 PM
Florian raised the priority of this task from to Needs Triage.
Florian updated the task description. (Show Details)
Florian added a project: MobileFrontend.
Florian added subscribers: Florian, Jdlrobson.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 26 2015, 11:00 PM
Jdlrobson triaged this task as Medium priority.Oct 26 2015, 11:50 PM

Can I suggest using the :nth-child(even) selector to align these right and align others left?

You mean like a messenger app does it? Would make sense, but let me test, how it looks :)

Jdlrobson moved this task from Backlog to Bugs on the MobileFrontend board.Nov 4 2015, 5:01 PM
Jdlrobson set Security to None.
Jdlrobson edited projects, added Collaboration-Team-Triage; removed Contributors-Team.

Hmm, I like your idea Jon, but it seems that the talk page structure is very very complicated to style :/ Example:

Jhernandez moved this task from Incoming to Needs Prioritization on the Readers-Web-Backlog board.
Jhernandez added subscribers: Nirzar, Jhernandez.

@Nirzar How do we want to solve this?

Stop indenting after a certain depth?

Reset indentation after a certain indentation?

What is the ideal design for this case?

Jdlrobson lowered the priority of this task from Medium to Low.Jun 23 2017, 9:44 PM

See https://en.wikipedia.org/wiki/Template:Outdent , which is already used to solve this problem on desktop.

One option would be to duplicate that with CSS, editing length and depth as necessary:

div > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {
    margin-left: -6.4em;
}
div > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd::before {
    display: block;
    height: 12px;
    width: 8.4em;
    background: url( /* some equivalent image */ );;
    content: '';
}
Jdlrobson renamed this task from Very long talk pages unreadable to Very long discussions (horizontal axis) on talk pages become unreadable.Nov 6 2019, 7:12 PM