mirror of
https://github.com/prymitive/karma
synced 2026-08-28 11:17:28 +00:00
fix(ui): follow navbar button colors when setting color for filter input border
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user