chevron down in filter => ok

This commit is contained in:
Gaelle Morin 2018-12-17 23:21:10 +01:00
parent 34ff21a8e2
commit 561bc768b1
3 changed files with 15 additions and 17 deletions

View File

@ -27,23 +27,13 @@
select { select {
background: white; background: white;
background-image: url("/images/chevron-down.png");
background-position: 96% 60%;
background-repeat: no-repeat;
background-size: 14px 9px;
box-sizing: border-box; box-sizing: border-box;
display: inline-block; display: inline-block;
padding: 0.5em 12.5em 0.5em 1em; padding: 0.5em 12.5em 0.5em 1em;
background-image:
linear-gradient(45deg, transparent 50%, $color-grey 50%),
linear-gradient(135deg, $color-grey 50%, transparent 50%),
linear-gradient(to right, white, white);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-repeat: no-repeat;
background-size:
5px 6px,
5px 6px,
1px 1.5em;
} }
sib-form-label-text { sib-form-label-text {

View File

@ -130,14 +130,22 @@
grid-row-end: middle; grid-row-end: middle;
} }
> div { > div {
background: violet;
grid-column-start: start; grid-column-start: start;
grid-column-end: end; grid-column-end: end;
grid-row-start: middle; margin-bottom: 1em;
/*grid-row-start: middle;
grid-row-end: end; grid-row-end: end;
display: grid; display: grid;
margin-top: 1em;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1em; grid-gap: 1em;*/
display: flex;
justify-content: space-between;
&:first-of-type {
background: aquamarine;
justify-content: center;
}
} }
} }

BIN
www/images/chevron-down.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 583 B