New: Add a filter bar to the "Add Indexers" modal (#607)

* Add a filter bar to the "Add Indexers" modal

* Fix stylelint errors

* Hide AddIndexerModal alert on small screens
This commit is contained in:
Chris Sandvik
2021-11-20 12:31:45 -05:00
committed by GitHub
parent 77fa113d77
commit f69f96695b
2 changed files with 130 additions and 17 deletions
@@ -16,7 +16,7 @@
composes: input from '~Components/Form/TextInput.css';
flex: 0 0 auto;
margin-bottom: 20px;
margin-bottom: 16px;
}
.alert {
@@ -28,3 +28,46 @@
.scroller {
flex: 1 1 auto;
}
.filterRow {
display: flex;
margin-bottom: 20px;
}
.filterContainer {
display: flex;
align-items: stretch;
flex: 1;
flex-direction: column;
margin-right: 12px;
}
.filterContainer:last-child {
margin-right: 0;
}
.filterLabel {
margin-bottom: 3px;
font-weight: bold;
}
@media only screen and (max-width: $breakpointSmall) {
.alert {
display: none;
}
.filterRow {
flex-direction: column;
}
.filterContainer {
margin-right: 0;
margin-bottom: 12px;
}
.scroller {
margin-right: -30px;
margin-bottom: -30px;
margin-left: -30px;
}
}