diff --git a/src/page-members.pug b/src/page-members.pug index fd3e9d7..07c89d7 100644 --- a/src/page-members.pug +++ b/src/page-members.pug @@ -27,7 +27,7 @@ div.grid-layer search-range-skills=`${sdn}/skills/`, search-range-roles=`${sdn}/role/`, search-label-skills='competences', - search-label-name='nom, prenom, pseudo', + search-label-name='Search by lastname, firstname...', search-widget-name='sib-form-placeholder-text', next='member') div.grid-layer-links.containerV diff --git a/src/styles/filters.scss b/src/styles/filters.scss index db51727..d126f30 100644 --- a/src/styles/filters.scss +++ b/src/styles/filters.scss @@ -1,8 +1,9 @@ -#offers-list > sib-form > form { +%filters { + background-color: orchid; border-bottom: 1px solid $color-grey1; display: grid; grid-gap: 0px 30px; - grid-template-columns: 33% auto; + grid-template-columns: 50% auto; padding-bottom: 3em; label { @@ -13,9 +14,13 @@ appearance: none; border-style: none; box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09); + font-size: 85%; + line-height: 1.80; margin-top: 1em; + width: 90%; -moz-appearance: none; -webkit-appearance: none; + } input[type="submit"] { @@ -48,3 +53,11 @@ flex-direction: column; } } + +#offers-list > sib-form > form { + @extend %filters; +} + +#profiles-list > sib-form > form { + @extend %filters; +} diff --git a/src/styles/main.scss b/src/styles/main.scss index e1c7056..b12bb9b 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -280,12 +280,14 @@ sib-trigger.back { grid-template-rows: [start]13em[middle]auto[end]; } .grid-layer-main { + background-color: aqua; grid-column-start: start; grid-column-end: end; grid-row-start: start; grid-row-end: end; } .grid-layer-links { + background-color: pink; grid-column-start: middle; grid-column-end: end; grid-row-start: start;