diff options
author | bobzel <zzzman@gmail.com> | 2021-03-10 12:08:26 -0500 |
---|---|---|
committer | bobzel <zzzman@gmail.com> | 2021-03-10 12:08:26 -0500 |
commit | dec235231875333100d3c63e62bdca808153ed5b (patch) | |
tree | bde77ac4780132da54cdb4afbfa8dfc3c8c242c7 | |
parent | 80597c4780b1e8833d3742339836815d388356d2 (diff) |
tweaks to sliderBox range to prevent it from not appearing, or not having draggable ends.
-rw-r--r-- | src/client/views/nodes/FilterBox.tsx | 2 | ||||
-rw-r--r-- | src/client/views/nodes/SliderBox.tsx | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/src/client/views/nodes/FilterBox.tsx b/src/client/views/nodes/FilterBox.tsx index 003b3adbe..34986e87a 100644 --- a/src/client/views/nodes/FilterBox.tsx +++ b/src/client/views/nodes/FilterBox.tsx @@ -143,7 +143,7 @@ export class FilterBox extends ViewBoxBaseComponent<FieldViewProps, FilterBoxDoc const ranged = Doc.readDocRangeFilter(targetDoc, facetHeader); Doc.GetProto(newFacet).type = DocumentType.COL; // forces item to show an open/close button instead ofa checkbox const extendedMinVal = minVal - Math.min(1, Math.floor(Math.abs(maxVal - minVal) * .1)); - const extendedMaxVal = maxVal + Math.min(1, Math.ceil(Math.abs(maxVal - minVal) * .05)); + const extendedMaxVal = Math.max(minVal + 1, maxVal + Math.min(1, Math.ceil(Math.abs(maxVal - minVal) * .05))); newFacet[newFacetField + "-min"] = ranged === undefined ? extendedMinVal : ranged[0]; newFacet[newFacetField + "-max"] = ranged === undefined ? extendedMaxVal : ranged[1]; Doc.GetProto(newFacet)[newFacetField + "-minThumb"] = extendedMinVal; diff --git a/src/client/views/nodes/SliderBox.tsx b/src/client/views/nodes/SliderBox.tsx index bfe07c22b..67f8aed3c 100644 --- a/src/client/views/nodes/SliderBox.tsx +++ b/src/client/views/nodes/SliderBox.tsx @@ -61,7 +61,7 @@ export class SliderBox extends ViewBoxBaseComponent<FieldViewProps, SliderDocume }} > <Slider mode={2} - step={1} + step={Math.min(1, .1 * (domain[1] - domain[0]))} domain={domain} rootStyle={{ position: "relative", width: "100%" }} onChange={this.onChange} |