diff options
author | eeng5 <mohammad_amoush@brown.edu> | 2019-07-30 15:39:47 -0400 |
---|---|---|
committer | eeng5 <mohammad_amoush@brown.edu> | 2019-07-30 15:39:47 -0400 |
commit | 7ce07f2c7f224c811724bedde34f3b70177c5597 (patch) | |
tree | 5b6270e937bee97e25954ece32fa43ed72db9972 /src | |
parent | 88420d4139942e3e979c326ce999fdc168cb6a7e (diff) |
colour
Diffstat (limited to 'src')
-rw-r--r-- | src/client/views/search/FilterBox.scss | 11 | ||||
-rw-r--r-- | src/client/views/search/FilterBox.tsx | 4 |
2 files changed, 13 insertions, 2 deletions
diff --git a/src/client/views/search/FilterBox.scss b/src/client/views/search/FilterBox.scss index 81a2c68e7..d9eddd383 100644 --- a/src/client/views/search/FilterBox.scss +++ b/src/client/views/search/FilterBox.scss @@ -109,4 +109,15 @@ border-top-style: solid; padding-top: 10px; } + + .any-filter, + .save-filter, + .reset-filter { + background-color: rgb(194, 194, 197); + } + + .all-filter { + background-color: rgb(194, 194, 197); + margin-left: 15px; + } }
\ No newline at end of file diff --git a/src/client/views/search/FilterBox.tsx b/src/client/views/search/FilterBox.tsx index 91d305e24..fe53553d0 100644 --- a/src/client/views/search/FilterBox.tsx +++ b/src/client/views/search/FilterBox.tsx @@ -363,8 +363,8 @@ export class FilterBox extends React.Component { {/* <div style={{ marginLeft: "auto" }}><NaviconButton onClick={this.toggleWordStatusOpen} /></div> */} </div> <div className="filter-panel" > - <button className="save-filter" onClick={this.getBasicWordStatus}>Include Any Keywords</button> - <button className="reset-filter" onClick={this.handleWordQueryChange}>Include All Keywords</button> + <button className="any-filter" onClick={this.getBasicWordStatus}>Include Any Keywords</button> + <button className="all-filter" onClick={this.handleWordQueryChange}>Include All Keywords</button> {/* <ToggleBar handleChange={this.handleWordQueryChange} getStatus={this.getBasicWordStatus} originalStatus={this._basicWordStatus} optionOne={"Include Any Keywords"} optionTwo={"Include All Keywords"} /> */} </div> |