Page MenuHomePhabricator

Workboard CSS partly unresponsive in the narrow mobile view
Closed, ResolvedPublic3 Estimated Story Points

Description

In the Workboard view, e.g. in https://phabricator.wikimedia.org/project/sprint/board/1223/, the individual tasks are able to show story points, e.g. "Points: 1". The CSS for this information is broken in the narrow, mobile-friendly view. It seems the CSS does not respond to Phabricators device switching in the <body class="...">.
{F173004}

Can you help me understand which part of the software is responsible for this? So where should this task go?

Event Timeline

thiemowmde raised the priority of this task from to Needs Triage.
thiemowmde updated the task description. (Show Details)
thiemowmde subscribed.

I'd naively guess that's the Sprint extension because non-Sprint boards don't display custom fields...

@thiemowmde thanks for noticing this. The problem is with the phui-workboard-view-css. Upstream has radically altered this file since I originally forked it. I have updated it to match the latest version. The specific css that handles the display of the points key and value are my additions, however. The classes are :

.phui-card-list-key {
color: {$bluetext};
font-weight: bold;
overflow: hidden;
white-space: nowrap;
}

.phui-card-list-value {
color: {$darkgreytext};
}

.device-desktop .phui-card-list-key {
    width: 25%;
    float: left;
    clear: left;
    margin-bottom: 4px;
}

.device .phui-card-list-value,
.phui-card-list-stacked .phui-card-list-properties
.phui-card-list-value {
    padding: 0 16px;
    margin-bottom: 8px;
    width: auto;
    word-break: break-all;
    float: none;
}

I am not sure exactly your issue is. Can you tell me what is wrong here?

Change 216941 had a related patch set uploaded (by Christopher Johnson (WMDE)):
updates phui-workboard-view.css

https://gerrit.wikimedia.org/r/216941

Change 216941 merged by Christopher Johnson (WMDE):
updates phui-workboard-view.css

https://gerrit.wikimedia.org/r/216941