diff options
| author | eperelm2 <emily_perelman@brown.edu> | 2023-08-25 17:25:22 +0200 |
|---|---|---|
| committer | eperelm2 <emily_perelman@brown.edu> | 2023-08-25 17:25:22 +0200 |
| commit | 68ddebab45946697270c5f291ff9fdd044b6e83d (patch) | |
| tree | 8875ee3787eba501ca964653daa978eaf13da1b7 | |
| parent | f189b4f65163a7bc231b5aa57f01d915f953931d (diff) | |
filter - finishing up
| -rw-r--r-- | src/client/views/FilterPanel.scss | 8 | ||||
| -rw-r--r-- | src/client/views/FilterPanel.tsx | 6 |
2 files changed, 8 insertions, 6 deletions
diff --git a/src/client/views/FilterPanel.scss b/src/client/views/FilterPanel.scss index 421bce6d6..d6d2956aa 100644 --- a/src/client/views/FilterPanel.scss +++ b/src/client/views/FilterPanel.scss @@ -223,10 +223,10 @@ font-weight: bold; } -// .sliderBox-outerDiv { -// display: flex; -// align-items: center; -// } +.sliderBox-outerDiv { + display: inline-block; + vertical-align: middle; +} // .sliderBox-outerDiv { // width: 30%;// width: calc(100% - 14px); // 14px accounts for handles that are at the max value of the slider that would extend outside the box diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx index f1eeb6fa7..11c2fc86c 100644 --- a/src/client/views/FilterPanel.tsx +++ b/src/client/views/FilterPanel.tsx @@ -392,9 +392,11 @@ export class FilterPanel extends React.Component<filterProps> { return ( <> - <div className="sliderBox-outerDiv" style={{ width: '95%', height: 45 }}> - {/* <Checkbox color="primary" onChange={action(() => console.log('on change'))} /> */} + {/* <div className="sliderBox-outerDiv-checkBox" style={{ float: 'left' }}> + <Checkbox color="primary" onChange={action(() => console.log('on change'))} /> + </div> */} + <div className="sliderBox-outerDiv" style={{ width: '95%', height: 45, float: 'right' }}> <Slider mode={2} step={Math.min(1, 0.1 * (domain[1] - domain[0]))} |