View Issue Details

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

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.


related to 0021724 closedsyncguru Improve visibility of status colors 




2016-11-11 06:27


Snapshot-2016-11-11-121307.png (10,780 bytes)   
Snapshot-2016-11-11-121307.png (10,780 bytes)   


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.



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.



2017-01-29 21:21

developer   ~0055388

@Chris_Z check out the pull request below, it should fix this issue as well



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 21:07:40


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