feat(ui): change the background of filter input on hover

This commit is contained in:
Łukasz Mierzwa
2019-10-07 19:46:18 +01:00
parent bd75417f72
commit b1bc331711
2 changed files with 8 additions and 2 deletions

View File

@@ -75,7 +75,7 @@ const FilterInputLabel = observer(
{filter.isValid ? (
filter.applied ? (
showCounter ? (
<span className="badge badge-light badge-pill">
<span className="badge badge-light badge-pill mr-1">
{filter.hits}
</span>
) : null
@@ -93,7 +93,7 @@ const FilterInputLabel = observer(
className="components-filteredinputlabel-text flex-grow-1 flex-shrink-1"
>
<RIEInput
className="cursor-text ml-1"
className="cursor-text px-1"
defaultValue=""
value={filter.raw}
propName="raw"

View File

@@ -11,6 +11,12 @@
vertical-align: bottom;
max-width: 100%;
}
&:hover {
background-color: $light;
color: $black;
border-radius: 4px;
}
}
.btn.components-filteredinputlabel > .badge,