search

jtubert / 2by2

Double Exposure App
0 stars 0 forks source link

web - add autocomplete usernames to @mentions on comments #294

Closed jtubert closed 10 years ago

amintorres commented 10 years ago

btw, I already started to design something for this. Havent shared it cause I am suggesting we move the commenting form to it's own view _Phase2/04_PDP/LeavingAComment.psd It will be easier to do suggestions there. It will also keep the PDP cleaner when a photo gets a lot of likers/comments.

jtubert commented 10 years ago

Let's use what I have for now:

screen shot 2014-05-04 at 3 23 59 pm

jtubert commented 10 years ago

This is for web what I have, this board _Phase2/04_PDP/LeavingAComment.psd is for the app.

jtubert commented 10 years ago

Did you see it @amintorres?

amintorres commented 10 years ago

Not working on my version of chrome :(

amintorres commented 10 years ago

works now, after a hard-refresh... must have an old version cashed.

amintorres commented 10 years ago

Very cool man, lets make that black the #8d8d8d instead. Let's lose the 1px stroke on the box and the drop shadow and we are good for now.

A nice to have would be if the pictures were circles like the rest of the site. And maybe half the size of the circles/avatars below... Then I think we are golden :)

screen shot 2014-05-04 at 5 26 50 pm

jtubert commented 10 years ago

How about the highlight color? Should that be something else other than yellow?

jtubert commented 10 years ago

Took out the shadow, made the photos round and made it gray but if I take out the 1px stroke it looks strange, no?

screen shot 2014-05-04 at 5 44 42 pm

amintorres commented 10 years ago

I added some annotations in there. _Phase2/09_web/AtMentions.psd

Lighter bg: #f9f9f9 Darker bg : #f1f1f1 Hilight: #c1eadf Picture Size: 25px

jtubert commented 10 years ago

Little better

screen shot 2014-05-04 at 6 24 22 pm

amintorres commented 10 years ago

hehe

jtubert commented 10 years ago

screen shot 2014-05-04 at 7 13 12 pm

jtubert commented 10 years ago

Will do it on the app next :)

amintorres commented 10 years ago

Hey, I think you misread my design, each name on the list should have alternate ligh/ligher bg colors like the pdp. They are not meant to be roll overs, they just mirror out list views on the app. 2014-05-04 19 27 57 See? light gray, lighter gray, etc etc.

For example, adroRamirez should be #f1f1f1 for bg The next one should be #f9f9f9 Then the next one back to #f1f1f1 etc etc... Does that make sense?

amintorres commented 10 years ago

http://stackoverflow.com/questions/358350/alternate-background-colors-for-list-items

jtubert commented 10 years ago

Oh ok, so what color should I use for highlighting?

Sent from my mobile device

On May 4, 2014, at 7:30 PM, "Amin Torres" notifications@github.com wrote:

Hey, I think you misread my design, each name on the list should have alternate ligh/ligher bg colors like the pdp. They are not meant to be roll overs, they just mirror out list views on the app.

See? light gray, lighter gray, etc etc.

For example, adroRamirez should be #f1f1f1 for bg The next one should be #f9f9f9 Then the next one back to #f1f1f1 etc etc... Does that make sense?

— Reply to this email directly or view it on GitHub.

jtubert commented 10 years ago

Hehe I know css :)

Sent from my mobile device

On May 4, 2014, at 7:30 PM, "Amin Torres" notifications@github.com wrote:

http://stackoverflow.com/questions/358350/alternate-background-colors-for-list-items

— Reply to this email directly or view it on GitHub.

amintorres commented 10 years ago

For highlighting? you mean, to highlight the word below as you type? The light green we have there is what we should use as per the PSD.

Or do you mean for rollover?

jtubert commented 10 years ago

Yeah rollover

Sent from my mobile device

On May 4, 2014, at 7:59 PM, "Amin Torres" notifications@github.com wrote:

For highlighting? you mean, to highlight the word below as you type? The light green we have there is what we should use as per the PSD.

Or do you mean for rollover?

— Reply to this email directly or view it on GitHub.