Author Topic: alternate shading in results is too light (Read 1411 times)

Michael McAndrew · February 03, 2011, 10:24:27 am

Have had feedback from a couple of clients now that the shading in search results is too subltle.

Quote

Search results – the rows could do with being better differentiated from each other. It’s a very subtle difference at the moment – more so than in the previous version which had a border on the columns and rows as well as two different fill colours.

I agree that this is the case.

I think it was a step in the right direction to remove the borders, but I think the shading is too subtle and we should increase the darkness of the dark row. Will submit a patch if I hear a couple of Yays here.

Michael

Michael McAndrew · February 03, 2011, 10:38:57 am

this worked for me

Code: [Select]

#crm-container .odd-row, tbody.scrollContent {
    background-color: #FAFAFA;
}
#crm-container .even-row, tbody.scrollContent tr.alternateRow {
    background-color: #E5E5E5;
}
#crm-container .row-selected {
    background-color: #FAFAD2;
}

Dave Greenberg · February 03, 2011, 03:02:20 pm

Michael - I tried your alternate value for even-row and it seems a bit too dark to me (the strong zebra striping seems hard to look at). I guess this is subjective and also dependent on your screen, browser, etc. I attached a screenshot of my "results".

On a related note, we did add mouse-over coloring to the rows, which I think will make it much easier to see which row you're "looking at".

http://issues.civicrm.org/jira/browse/CRM-7276

Michael McAndrew · February 09, 2011, 09:48:40 am

i wouldn't call it subjective

but it definitley depends on people's monitors and given that lots of the cheaper ones will have trouble displaying the lightest colours I think this is important feedback.

If yours is too light and mine is too dark, maybe we could meet somewhere in the middle.

I often go to clients and look at what civi looks like on their crappy monitors and realise that they have a much worse experience that me on my nice and new shiny monitor and i think we should bear this in mind when designing the interface.

I really like the hover idea.

Michael

Dave Greenberg · February 09, 2011, 01:15:18 pm

"meet in the middle" - do you have a hex code which you think does that?

Michael McAndrew · February 11, 2011, 06:56:37 am

Hey Dave,

(F5+E5)/2 = ED

so you could go with #EDEDED

or a little lighter #EEEEEE

or even lighter #EFEFEF

I think any of these look good

Michael McAndrew · February 11, 2011, 06:58:20 am

with context, it is the middle definition (#crm-container .even-row, tbody.scrollContent tr.alternateRow) that needs to be changed.

Code: [Select]

#crm-container .odd-row, tbody.scrollContent {
    background-color: #FAFAFA;
}
#crm-container .even-row, tbody.scrollContent tr.alternateRow {
    background-color: #EDEDED;
}
#crm-container .row-selected {
    background-color: #FAFAD2;
}

Dave Greenberg · February 14, 2011, 06:11:42 pm

Filed issue and committed change using #EFEFEF:

http://issues.civicrm.org/jira/browse/CRM-7547

CiviCRM Community Forums (archive)

News:

Author Topic: alternate shading in results is too light (Read 1411 times)

Michael McAndrew

alternate shading in results is too light

Michael McAndrew

Re: alternate shading in results is too light

Dave Greenberg

Re: alternate shading in results is too light

Michael McAndrew

Re: alternate shading in results is too light

Dave Greenberg

Re: alternate shading in results is too light

Michael McAndrew

Re: alternate shading in results is too light

Michael McAndrew

Re: alternate shading in results is too light

Dave Greenberg

Re: alternate shading in results is too light