allow clearing table filters with cancel button #1989 (#2005)

* fixes issue #1989 add cancel icon to filter input in table headers, which allows user to clear filter with one click
This commit is contained in:
Deep Tailor
2018-06-20 14:18:54 -07:00
committed by Andrew Henry
parent 2f8a0c2c2b
commit 374e4afc32
10 changed files with 85 additions and 37 deletions

View File

@@ -46,14 +46,10 @@
.clear-input,
.menu-icon {
// :before is magnify glass icon
box-sizing: border-box;
color: $colorInputIcon;
height: $iconD;
width: $iconD;
line-height: $iconD;
position: absolute;
text-align: center;
top: $iconEdgeM;
}
.search-input {
@@ -71,16 +67,10 @@
&:before {
// Magnify glass icon
left: $interiorMarginSm;
@include trans-prop-nice(color, 250ms);
pointer-events: none;
z-index: 1;
}
// Make icon lighten when hovering over search bar
&:hover:before {
color: pullForward($colorInputIcon, 10%);
}
.clear-input {
// Hiding for now with addition of Cancel button
right: $iconD + $interiorMargin;