fix(ui): follow navbar button colors when setting color for filter input border

This commit is contained in:
Łukasz Mierzwa
2019-12-13 09:14:17 +00:00
parent da38bcc2ff
commit f58f11c512
5 changed files with 11 additions and 2 deletions
@@ -2,7 +2,7 @@
exports[`<FilterInput /> matches snapshot on default render 1`] = `
"
<div class=\\"input-group w-100 mr-2 border-left-0 border-right-0 border-top-0 border border-light bg-transparent\\">
<div class=\\"input-group w-100 mr-2 components-filterinput-outer bg-transparent\\">
<div class=\\"input-group-prepend\\">
<span class=\\"input-group-text px-2 border-0 rounded-0 bg-transparent text-white\\">
<svg aria-hidden=\\"true\\"
@@ -157,7 +157,7 @@ const FilterInput = onClickOutside(
data-filters={alertStore.filters.values.map(f => f.raw).join(" ")}
>
<div
className={`input-group w-100 mr-2 border-left-0 border-right-0 border-top-0 border border-light ${
className={`input-group w-100 mr-2 components-filterinput-outer ${
this.inputStore.focused ? "bg-focused" : "bg-transparent"
}`}
>
@@ -1,3 +1,10 @@
.input-group.components-filterinput-outer {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: $border-width solid $filterinput-border;
}
.form-control.components-filterinput {
cursor: text;
height: auto;
+1
View File
@@ -64,6 +64,7 @@ $accordion-active-bg: $gray-700;
$filter-input-hoover-bg: $gray-700;
$filter-input-hoover-color: $white;
$placeholder-color: $gray-600;
$filterinput-border: $navbar-dark-color;
$datepicker__background-color: $gray-700;
$datepicker__border-color: $gray-800;
+1
View File
@@ -55,6 +55,7 @@ $accordion-active-bg: $gray-200;
$filter-input-hoover-bg: $white;
$filter-input-hoover-color: $black;
$placeholder-color: $secondary;
$filterinput-border: $navbar-dark-color;
$datepicker__background-color: $white;
$datepicker__border-color: $gray-300;