Snip list - snip icon and top stripe must match category colour

alexdobre commented 11 years ago

In the snip list the icon's background colour as well as the top colour stripe of each list item must match the colour code of the category it is a part of.

Please note that one snip can only be part of one category because of this.

Colour codes:

compatibility = green #9ce148
connection = yellow #ffff00
exterior = blue #004cc0
eroticism = red #f11515
seduction = reddish purple #ed427d
psy tend = blueish purple #a32ad4
affairs = orange #ff8f00
abuse = brown #d69051

serinekar commented 11 years ago

screen shot 2013-10-07 at 5 56 02 pm

snip icon is a larger image (lamp). The background color will not be visible. Maybe to set border-color ?

alexdobre commented 11 years ago

Firstly the avatar and the snip Icon need to change places. The snip icon is at the top left of the widget.

The pictograms are present on our google drivem they are GIF images with a transparent background. You need to reduce the images to width 40px and height proportional to the width. Since they are GIF with a transparent background I suggest you house them in a DIV and set it's background accordingly.

Nigel mentioned some issues with adding a GIF to closure so please let me know if you run into trouble. Another alternative will then be to get you separate images PNG for each possible background.

https://drive.google.com/folderview?id=0B4ogcxw-xRP-Z1FDRmdaZm1seTg&usp=sharing

alexdobre / RDL_Google_Tech

Snip list - snip icon and top stripe must match category colour #41