Problem/Motivation

When the Dreditor plugin is installed in a browser the issues are given a facelift. Update the standard issue queue design to match.

The background colors provide a greater visual indication to the testbot's status and the size changes and possition of links provide a better hierarchy for action links.

Proposed resolution

The old files list:

Existing files list

The new files list:

File list updated by Dreditor

The old issue comment display:

Existing issue comment

The new issue comment display:

File issue comment by Dreditor

Note: This issue doesn't need to address adding the buttons. There is/will be a separate issue for that change here #2786361: Move features from Dreditor into drupal.org

Remaining tasks

  1. Address concerns with multiple test results from different environments in #4

User interface changes

CSS only

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

drumm’s picture

Status: Active » Postponed (maintainer needs more info)

What specifically are the changes?

DamienMcKenna’s picture

Status: Postponed (maintainer needs more info) » Active
FileSize
51.34 KB
54.54 KB
82.84 KB
72.69 KB

The old files list:

Existing files list

The new files list:

File list updated by Dreditor

The old issue comment display:

Existing issue comment

The new issue comment display:

File issue comment by Dreditor

DamienMcKenna’s picture

Also, the comment form itself is tweaked slightly:

Dreditor-ified comment form

drumm’s picture

For files - the green background won't scale to DrupalCI's multiple results for different DB backends and PHP versions. Maybe there could be a yellow background for partial passing, along with the additional details. #2238007: DrupalCI retest & special test UI is more about triggering tests at the moment, but probably is the best place.

There was some discussion on the comment number, but I can't find it right now. It could have been IRC-only. My understanding is that people mainly use the comment number for patch file naming. If we want to make that easier, maybe it should live in the files section.

star-szr’s picture

Just want to mention even though I like how they look and am a co-maintainer of Dreditor, I doubt the Dreditor styles for files are accessible in terms of WCAG 2.0 AA (not enough contrast) if that's a factor in terms of actually getting this into d.o.

DamienMcKenna’s picture

Project: Project issue tracking » Drupal.org customizations
Version: 7.x-2.x-dev » 7.x-3.x-dev
drumm’s picture

joelpittet’s picture

Added screenshots from #2 and #3. And tag for accessibility review needed for #5.

re #4, Yes I used the comment number for naming patches, that can be a separate issue if need be.
It may be good to see what we can do with the re-test styles.

Task: Could someone find a few other references where that is displaying and try to apply dreditor styles and some tweaks to deal with that?

joelpittet’s picture

Issue summary: View changes

Moved the "add a new comment" number to #2786661: Port Dreditor styles to keep this issue lean and focued;)

drumm’s picture

Status: Active » Postponed (maintainer needs more info)

Since this new comment number is moved to a separate issue (thanks!), and I think we want to leave the PIFT styles out (see #4), I’m not sure what’s left.

joelpittet’s picture

Status: Postponed (maintainer needs more info) » Active

I'd like to see what we could do with the PIFT styles. But in general this issue is about visual hierarchy within the elements being displayed to bring the important ones into focus and the less important ones visually shifted in their hierarchy. Look at size, position, color, uppercase vs lowercase, left vs right and other subtle visual hierarchy cues.

markhalliwell’s picture

I agree that PIFT changes will need to be rethought now that there can be multiple tests per comment. Regardless, closing this issue as a dup of these two related issues.