New: Allow quality size limits to be closer together

This commit is contained in:
Mark McDowall 2021-01-06 22:01:30 -08:00
parent fddf2d1fc8
commit 8a3027fa7c
1 changed files with 4 additions and 3 deletions

View File

@ -13,6 +13,7 @@ import styles from './QualityDefinition.css';
const MIN = 0; const MIN = 0;
const MAX = 400; const MAX = 400;
const MIN_DISTANCE = 1;
const slider = { const slider = {
min: MIN, min: MIN,
@ -187,7 +188,7 @@ class QualityDefinition extends Component {
min={slider.min} min={slider.min}
max={slider.max} max={slider.max}
step={slider.step} step={slider.step}
minDistance={10} minDistance={MIN_DISTANCE * 5}
value={[sliderMinSize, sliderMaxSize]} value={[sliderMinSize, sliderMaxSize]}
withTracks={true} withTracks={true}
snapDragDisabled={true} snapDragDisabled={true}
@ -243,7 +244,7 @@ class QualityDefinition extends Component {
name={`${id}.min`} name={`${id}.min`}
value={minSize || MIN} value={minSize || MIN}
min={MIN} min={MIN}
max={maxSize ? maxSize - 10 : MAX - 10} max={maxSize ? maxSize - MIN_DISTANCE : MAX - MIN_DISTANCE}
step={0.1} step={0.1}
isFloat={true} isFloat={true}
onChange={this.onMinSizeChange} onChange={this.onMinSizeChange}
@ -257,7 +258,7 @@ class QualityDefinition extends Component {
className={styles.sizeInput} className={styles.sizeInput}
name={`${id}.min`} name={`${id}.min`}
value={maxSize || MAX} value={maxSize || MAX}
min={minSize + 10} min={minSize + MIN_DISTANCE}
max={MAX} max={MAX}
step={0.1} step={0.1}
isFloat={true} isFloat={true}