diff options
| author | eperelm2 <emily_perelman@brown.edu> | 2023-07-26 15:35:59 -0400 |
|---|---|---|
| committer | eperelm2 <emily_perelman@brown.edu> | 2023-07-26 15:35:59 -0400 |
| commit | 43670f51a7dd627deeb3612f1066e51871235f2d (patch) | |
| tree | 857a2c35884088a53bdf8dba82d53a51084fc49f /src | |
| parent | 68f11338ad62d38e8537d438bbbf17df4fb5b0f2 (diff) | |
filter - UI updates
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/FilterPanel.scss | 1 | ||||
| -rw-r--r-- | src/client/views/FilterPanel.tsx | 7 |
2 files changed, 5 insertions, 3 deletions
diff --git a/src/client/views/FilterPanel.scss b/src/client/views/FilterPanel.scss index 7cf886e12..78e7904b8 100644 --- a/src/client/views/FilterPanel.scss +++ b/src/client/views/FilterPanel.scss @@ -215,6 +215,7 @@ // margin-left: auto; float: right; font-size: 16; + font-weight:bold; } diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx index b03e11f79..b14e73208 100644 --- a/src/client/views/FilterPanel.tsx +++ b/src/client/views/FilterPanel.tsx @@ -11,7 +11,7 @@ import './FilterPanel.scss'; import { FieldView } from './nodes/FieldView'; import { SearchBox } from './search/SearchBox'; import { undoable } from '../util/UndoManager'; -import { AiOutlineMinusSquare } from 'react-icons/ai'; +import { AiOutlineMinusSquare, AiOutlinePlusSquare } from 'react-icons/ai'; import { CiCircleRemove } from 'react-icons/ci'; //slight bug when you don't click on background canvas before creating filter and the you click on the canvas @@ -172,7 +172,8 @@ export class FilterPanel extends React.Component<filterProps> { return (<div className = " filterbox-collpasedAndActive"> - {this._collapseReturnKeys.toString()} + {this._collapseReturnKeys.join(', ') } + {/* .toString()} */} </div>) @@ -240,7 +241,7 @@ export class FilterPanel extends React.Component<filterProps> { const collapseBoolValue = this._chosenFacetsCollapse.get(facetHeader) this._chosenFacetsCollapse.set(facetHeader, !collapseBoolValue )})}> - <AiOutlineMinusSquare/> + {this._chosenFacetsCollapse.get(facetHeader) ? <AiOutlinePlusSquare/> : <AiOutlineMinusSquare/> } </div> |