diff --git a/src/components/slider-prompt/slider-prompt.css b/src/components/slider-prompt/slider-prompt.css index 741bc505e..c1ae4854a 100644 --- a/src/components/slider-prompt/slider-prompt.css +++ b/src/components/slider-prompt/slider-prompt.css @@ -26,12 +26,6 @@ font-size: .875rem; } -.decimal-option { - font-weight: 500; - margin: 0 0 0.75rem; - padding-bottom: 1rem; -} - .button-row { font-weight: bolder; text-align: right; diff --git a/src/components/slider-prompt/slider-prompt.jsx b/src/components/slider-prompt/slider-prompt.jsx index 515bc3280..6d4f6c2fe 100644 --- a/src/components/slider-prompt/slider-prompt.jsx +++ b/src/components/slider-prompt/slider-prompt.jsx @@ -1,4 +1,3 @@ -import classNames from 'classnames'; import {defineMessages, FormattedMessage, intlShape, injectIntl} from 'react-intl'; import PropTypes from 'prop-types'; import React from 'react'; @@ -24,11 +23,6 @@ const messages = defineMessages({ defaultMessage: 'Change slider range', description: 'Title of slider modal', id: 'gui.sliderModal.title' - }, - decimal: { - defaultMessage: 'Handle as decimal value', - description: 'Label of a checkbox which is checked when it should handle decimal values.', - id: 'gui.sliderModal.decimal' } }); @@ -45,12 +39,11 @@ const SliderPromptComponent = props => ( ( className={styles.maxInput} defaultValue={props.defaultMaxValue} name={props.intl.formatMessage(messages.maxValue)} - step="0.01" - type="number" + pattern="-?[0-9]*(\.[0-9]+)?" + type="text" onChange={props.onChangeMax} onFocus={props.onFocus} onKeyPress={props.onKeyPress} /> - - -