search

merkatsu / website

3 stars 0 forks source link

"EDIT LIST" sidebar - filters #21

Closed mariacovasgrilo closed 8 years ago

mariacovasgrilo commented 9 years ago

Finished filters text:/* Fair Trade: */ font-family: Montserrat-Regular; font-size: 13px; color: #A59FA3; line-height: 28px;

------------------------------------------------- Filter set ------------------------------------------------- screen shot 2015-02-03 at 12 10 10 screen shot 2015-02-03 at 12 10 19 screen shot 2015-02-03 at 12 10 27 screen shot 2015-02-03 at 12 10 36 screen shot 2015-02-03 at 12 10 53 screen shot 2015-02-03 at 12 11 01

The tag should become red once it's done being typed. The text field to insert new filter from the set will show up once the first one is completed, and only then.

------------------------------------------------- Filter based on tag -------------------------------------------------

screen shot 2015-02-03 at 11 32 46 screen shot 2015-02-03 at 11 32 53 screen shot 2015-02-03 at 11 33 06

------------------------------------------ Filter based on attribute --------------------------------------------

screen shot 2015-02-03 at 11 49 40 screen shot 2015-02-03 at 11 49 54 screen shot 2015-02-03 at 11 50 39

/* Attributes unselected: */ font-family: Montserrat-Light; font-size: 13px; color: #A59FA3; letter-spacing: 0.44px; line-height: 28px;

/* Attributes selected: */ font-family: Montserrat-Light; font-size: 13px; color: #E53527; letter-spacing: 0.44px; line-height: 28px;

/* Checkbox unselected: */ border: 1px solid #A59FA3; width: 9px; height: 9px; border-radius: 1px;

/* Checkbox selected: */ background: #E53527; border: 1px solid #E53527; border-radius: 1px;

--------------------------------------- filter based on value range ---------------------------------------

screen shot 2015-02-03 at 12 04 47 screen shot 2015-02-03 at 12 04 53 screen shot 2015-02-03 at 12 05 02 screen shot 2015-02-03 at 12 05 10

--------------------------------------- Dropping menu ---------------------------------------

screen shot 2015-02-03 at 12 01 59

Margins of the text relatively to the box are of 15px;

/* Rectangle: */ background: #F5F5F5; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.70); border-radius: 1px;

/* hover bg color: */ background: rgba(215,209,212,0.70);

/* ALPHABETICALLY: */ font-family: Montserrat-Light; font-size: 10.9px; color: #302B2F; letter-spacing: 0.72px; line-height: 28px;