View Issue Details

IDProjectCategoryView StatusLast Update
0021897mantisbtuipublic2017-02-26 21:17
ReporterChris_Z Assigned Tosyncguru  
PrioritynormalSeverityminorReproducibilityalways
Status closedResolutionfixed 
Product Version2.0.0-beta.3 
Target Version2.2.0Fixed in Version2.2.0 
Summary0021897: Unaligned color coding of status
Description

In modern-ui the color coded Status fields are very small so in order to improve visual ergonomics it usually makes sense to use more saturated colors (instead of slightly washed out defaults which look better on large areas where they act as the background for text), but by doing that we can now clearly see the misalignment of colored rectangle and its surrounding box.

Please see the attached screenshot and focus on the red and grey fields.

Steps To Reproduce

Set the $g_status_colors array to dark, saturated colors.

TagsNo tags attached.
Attached Files
Snapshot-2016-11-11-121307.png (10,780 bytes)   
Snapshot-2016-11-11-121307.png (10,780 bytes)   

Relationships

related to 0021724 closedsyncguru Improve visibility of status colors 

Activities

dregad

dregad

2016-11-11 10:41

developer   ~0054508

@syncguru I vaguely remember discussing this very topic with you a while back, and if memory serves you made some adjustments to reduce this behavior but couldn't fix it completely as it depends on rendering by the browser, and depends on zoom level too. Unfortunately I can't find the thread anymore.

Hopefully you have an idea of how to address this.

syncguru

syncguru

2017-01-11 01:43

developer   ~0055043

That's interesting observation. I recall seeing something similar but did not think of the selection of color causing it. Let me dig some more.

syncguru

syncguru

2017-01-29 21:21

developer   ~0055388

@Chris_Z check out the pull request below, it should fix this issue as well
PR: https://github.com/mantisbt/mantisbt/pull/1012

Chris_Z

Chris_Z

2017-01-30 08:20

reporter   ~0055394

@syncguru Yes, it is easier now without high contrast black frames.

I highlighted which color pairs looked the same to me on the first eye sight.

One thing to take into account is that the background color/luminosity is alternating on the each second row so each color marker is slightly affected by this.
Can we have it configurable: i.e. either your proposal or full row height?

Snapshot-2017-01-30-133046.png (204,016 bytes)   
Snapshot-2017-01-30-133046.png (204,016 bytes)   

Related Changesets

MantisBT: master 7ba24586

2017-01-29 16:07

syncguru

Committer: dregad


Details Diff
Enlarge status color box & remove black frame

Fixes 0021897 and improves visibility of status color (issue 0021724).
Affected Issues
0021724, 0021897
mod - bug_view_inc.php Diff File
mod - core/bug_group_action_api.php Diff File
mod - core/columns_api.php Diff File
mod - core/custom_function_api.php Diff File
mod - core/relationship_api.php Diff File
mod - css/ace-mantis.css Diff File
mod - css/status_config.php Diff File
mod - my_view_inc.php Diff File