From 561bc768b1728e9da3f1ecbc44f38deaed0d62ec Mon Sep 17 00:00:00 2001 From: Gaelle Morin <morin.gaelle@gmail.com> Date: Mon, 17 Dec 2018 23:21:10 +0100 Subject: [PATCH] chevron down in filter => ok --- src/styles/filters.scss | 18 ++++-------------- src/styles/members.scss | 14 +++++++++++--- www/images/chevron-down.png | Bin 0 -> 583 bytes 3 files changed, 15 insertions(+), 17 deletions(-) create mode 100644 www/images/chevron-down.png diff --git a/src/styles/filters.scss b/src/styles/filters.scss index bff05b5f..3ee535ee 100644 --- a/src/styles/filters.scss +++ b/src/styles/filters.scss @@ -27,23 +27,13 @@ select { 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; display: inline-block; 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 { diff --git a/src/styles/members.scss b/src/styles/members.scss index eb49199b..11c93459 100644 --- a/src/styles/members.scss +++ b/src/styles/members.scss @@ -130,14 +130,22 @@ grid-row-end: middle; } > div { + background: violet; grid-column-start: start; grid-column-end: end; - grid-row-start: middle; + margin-bottom: 1em; + /*grid-row-start: middle; grid-row-end: end; display: grid; - margin-top: 1em; 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; + } } } diff --git a/www/images/chevron-down.png b/www/images/chevron-down.png new file mode 100644 index 0000000000000000000000000000000000000000..0abdcdbd7148b6c1c4f29e65661c4eddeecbe7e1 GIT binary patch literal 583 zcmeAS@N?(olHy`uVBq!ia0vp^@<1%Y!3-pwwu_wrQjEnx?oNz1PwLbIIh+L^k;M!Q zd`Cc-ajG_-G*EC$fKP}kklwy~-`b5^w(Q)qaof&yo3?J=zI*k$jfak(-hb%ml9g*- zy?KA<!Q-c|-tOFc@ZgaXdk!Aiux0zseTVk$KlJF?t1WvDK6?Cg)2{v7_aAxo{MFq@ z&(?0;b^83J2Tz_KIeGTnm79-WyxDi;<g?fBS8v#I^Wn22XD+T<zxl<hw?|K$+Og-r z$~Eg3uUvQk!Q&Mhwyxj2edWe&H}5`t`10M0H}9Xmd~^Nwy%T3IE?u>5_2wP-9zET( zdF$P$uTGpfuU_{y4Cro~k|4iehW~Kj`~M7_4QD+2KNG~>3>Vnk@C?TOyT76cXwDN) z7srr_Ia4pZENXJ#VR&%%o{qT_<H6tCzUFMb{(FD8xGX<Q=`8!%PiCJ?Yr1gx#nHRF zz8&|;>)LJ{=D7J(wm+|xt5H#cf7JFrPK}@cOn9g9@u1e{=;nY|a>u_deP3*(xp~2j z3j3+^-gkVv+H&Q<ti#@iL;Geed%nMSCr8igsb}U)+-cI^`nB8e!za77F%1g0mA1yR zNvNf|FJtHVp3~xVl5NMw(4FotnB={8-;Xo0+pM+bIa`;-#|%Nk7uO7&eDggwhfZUC z9d%7`?WFT6a`%$I2=7(v{=G)u_^+A#hQ2R`|E>QqRD9wS6zGu31p1f3)78&qol`;+ E0L92u$^ZZW literal 0 HcmV?d00001 -- GitLab