aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authoreeng5 <mohammad_amoush@brown.edu>2019-07-30 15:39:47 -0400
committereeng5 <mohammad_amoush@brown.edu>2019-07-30 15:39:47 -0400
commit7ce07f2c7f224c811724bedde34f3b70177c5597 (patch)
tree5b6270e937bee97e25954ece32fa43ed72db9972 /src
parent88420d4139942e3e979c326ce999fdc168cb6a7e (diff)
colour
Diffstat (limited to 'src')
-rw-r--r--src/client/views/search/FilterBox.scss11
-rw-r--r--src/client/views/search/FilterBox.tsx4
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>