From f6dd5278fc50d8b0a5091db44d5b6f666a2e066b Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Mon, 7 Jan 2019 17:03:47 +0000
Subject: [PATCH] improves filters dropdown styles
---
.../static_src/src/sass/apply/components/_form.scss | 1 +
.../src/sass/apply/components/_select2.scss | 11 +++--------
2 files changed, 4 insertions(+), 8 deletions(-)
diff --git a/opentech/static_src/src/sass/apply/components/_form.scss b/opentech/static_src/src/sass/apply/components/_form.scss
index 39ea97da1..3a60d832c 100644
--- a/opentech/static_src/src/sass/apply/components/_form.scss
+++ b/opentech/static_src/src/sass/apply/components/_form.scss
@@ -194,6 +194,7 @@
}
.form__filters & {
+ background: $color--white;
max-width: 100%;
}
diff --git a/opentech/static_src/src/sass/apply/components/_select2.scss b/opentech/static_src/src/sass/apply/components/_select2.scss
index 0e343794d..dff4cdb83 100644
--- a/opentech/static_src/src/sass/apply/components/_select2.scss
+++ b/opentech/static_src/src/sass/apply/components/_select2.scss
@@ -20,18 +20,12 @@ $dropdown-height: 45px;
}
.select2-selection__clear {
- position: absolute;
- right: 35px;
display: none;
- float: none;
-
- @include media-query(small-tablet) {
- display: block;
- }
}
.select2-selection__rendered {
padding-left: 15px;
+ padding-right: 30px;
line-height: $dropdown-height;
}
@@ -41,6 +35,7 @@ $dropdown-height: 45px;
pointer-events: none;
background: url('./../../images/dropdown.svg') transparent no-repeat 95% center;
background-size: 8px;
+ width: 8px;
b[role='presentation'] {
display: none;
@@ -92,7 +87,7 @@ $dropdown-height: 45px;
padding: 6px;
&::before {
- width: 20px;
+ min-width: 20px;
height: 20px;
margin-right: 10px;
background: $color--white;
--
GitLab