New: Allow quality size limits to be closer together

(cherry picked from commit 8a3027fa7c99af21a56ac1cfe9a5a0846de9c474)
This commit is contained in:
Mark McDowall 2021-01-06 22:01:30 -08:00 committed by Qstick
parent e2cd4d69e0
commit ef5d1b2946
1 changed files with 4 additions and 3 deletions

View File

@ -13,6 +13,7 @@ import styles from './QualityDefinition.css';
const MIN = 0;
const MAX = 1500;
const MIN_DISTANCE = 1;
const slider = {
min: MIN,
@ -149,7 +150,7 @@ class QualityDefinition extends Component {
min={slider.min}
max={slider.max}
step={slider.step}
minDistance={10}
minDistance={MIN_DISTANCE * 5}
value={[sliderMinSize, sliderMaxSize]}
withTracks={true}
snapDragDisabled={true}
@ -206,7 +207,7 @@ class QualityDefinition extends Component {
name={`${id}.min`}
value={minSize || MIN}
min={MIN}
max={maxSize ? maxSize - 10 : MAX - 10}
max={maxSize ? maxSize - MIN_DISTANCE : MAX - MIN_DISTANCE}
step={0.1}
isFloat={true}
onChange={this.onMinSizeChange}
@ -219,8 +220,8 @@ class QualityDefinition extends Component {
<NumberInput
className={styles.sizeInput}
name={`${id}.max`}
min={minSize + 10}
value={maxSize || MAX}
min={minSize + MIN_DISTANCE}
max={MAX}
step={0.1}
isFloat={true}