select and search fields seem ok

This commit is contained in:
Gaelle Morin 2018-12-10 17:39:22 +01:00
parent 0069c27fe2
commit 6dfd234ee9
3 changed files with 12 additions and 17 deletions

View File

@ -320,13 +320,10 @@ hdapp-available {
}
}
#offers-list > sib-form > form {
//display: grid;
//grid-template-columns: 50% 50%;
//grid-template-rows: 3.5em 3.5em;
background-color: orangered;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
//display: grid;
//grid-template-columns: 1fr 1fr;
//grid-gap: 20px;
sib-form-label-text {
display: flex;

View File

@ -107,8 +107,8 @@ sib-form {
}
sib-form-label-text,sib-form-dropdown{
display: flex;
flex-wrap: nowrap;
//display: flex;
//flex-wrap: nowrap;
}
select{

View File

@ -301,12 +301,11 @@ sib-trigger.back {
#offers-list > sib-form > form {
select {
background: white;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
padding: 0.5em 12.5em 0.5em 1em;
margin: 0;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
@ -320,8 +319,8 @@ sib-trigger.back {
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
5px 6px,
5px 6px,
1px 1.5em;
background-repeat: no-repeat;
}
@ -334,15 +333,14 @@ sib-form-label-text {
form {
background-color: orangered;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
grid-template-columns: 33% auto;
grid-gap: 24px;
label {
display: block;
}
input {
padding: 1em;
input, select {
margin-top: 1em;
}
}