css ok for inputs

This commit is contained in:
Gaelle Morin 2018-12-14 17:16:38 +01:00
parent 2bdc3b6a43
commit b778a9880a
3 changed files with 18 additions and 3 deletions

View File

@ -27,7 +27,7 @@ div.grid-layer
search-range-skills=`${sdn}/skills/`, search-range-skills=`${sdn}/skills/`,
search-range-roles=`${sdn}/role/`, search-range-roles=`${sdn}/role/`,
search-label-skills='competences', search-label-skills='competences',
search-label-name='nom, prenom, pseudo', search-label-name='Search by lastname, firstname...',
search-widget-name='sib-form-placeholder-text', search-widget-name='sib-form-placeholder-text',
next='member') next='member')
div.grid-layer-links.containerV div.grid-layer-links.containerV

View File

@ -1,8 +1,9 @@
#offers-list > sib-form > form { %filters {
background-color: orchid;
border-bottom: 1px solid $color-grey1; border-bottom: 1px solid $color-grey1;
display: grid; display: grid;
grid-gap: 0px 30px; grid-gap: 0px 30px;
grid-template-columns: 33% auto; grid-template-columns: 50% auto;
padding-bottom: 3em; padding-bottom: 3em;
label { label {
@ -13,9 +14,13 @@
appearance: none; appearance: none;
border-style: none; border-style: none;
box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09); box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
font-size: 85%;
line-height: 1.80;
margin-top: 1em; margin-top: 1em;
width: 90%;
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type="submit"] { input[type="submit"] {
@ -48,3 +53,11 @@
flex-direction: column; flex-direction: column;
} }
} }
#offers-list > sib-form > form {
@extend %filters;
}
#profiles-list > sib-form > form {
@extend %filters;
}

View File

@ -280,12 +280,14 @@ sib-trigger.back {
grid-template-rows: [start]13em[middle]auto[end]; grid-template-rows: [start]13em[middle]auto[end];
} }
.grid-layer-main { .grid-layer-main {
background-color: aqua;
grid-column-start: start; grid-column-start: start;
grid-column-end: end; grid-column-end: end;
grid-row-start: start; grid-row-start: start;
grid-row-end: end; grid-row-end: end;
} }
.grid-layer-links { .grid-layer-links {
background-color: pink;
grid-column-start: middle; grid-column-start: middle;
grid-column-end: end; grid-column-end: end;
grid-row-start: start; grid-row-start: start;