search

laurakberglund / Good-Bytes

0 stars 0 forks source link

Blurry objects: "x" buttons and homepage arrows #56

Open laurakberglund opened 8 years ago

laurakberglund commented 8 years ago

Noticing some objects are looking blurry compared to everything else, specifically the grey arrows on the homepage and the "X" button in all the pop-up modals. Can we make these look crisp even on retina screens?

screen shot 2016-03-08 at 9 36 59 pm screen shot 2016-03-09 at 12 09 04 am

Also, the "X" buttons should be 50x50 pixels, and be 30px away from the top and 30px away from the right of the blue modal popup. (Should be the exact same for all instances if this).

The "X" buttons should also have a rollover state, which should be a slightly darker grey.

For grey "X" buttons: Normal state hex#: 626b70 Rollover state hex#: 3b4043

For white "X" buttons: Normal: 100% white Rollover state: 65% opacity white (When it is on a green background)

nisho5 commented 8 years ago

X-es done. I checked the arrows, I was not able to produce any better quality. seems pretty crips. Could you please send me a png file for the arrow? and also one for @2x.

Thank you

laurakberglund commented 8 years ago

Uploaded the arrow @1x, 2x, and as an svg Grey arrow-01.svg.zip

arrow- 1x arrow- 2x

laurakberglund commented 8 years ago

Also noticing that the "x"s are still blurry, until you hover over them. Then their hover states are crisp. Why would that be?

screen shot 2016-03-12 at 8 14 18 pm screen shot 2016-03-12 at 8 14 15 pm screen shot 2016-03-12 at 8 13 50 pm screen shot 2016-03-12 at 8 13 47 pm
laurakberglund commented 8 years ago

Checking in on fixing the "x"s that are still blurry, and the arrows are way too big than what we had there originally - the arrowheads look over twice the size.