diff --git a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js index 93d3b62300c2deb6c30f014a0eaec20a13152812..a4f37b379a4a8f1196d5fa51dcfe18020a70489c 100644 --- a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js +++ b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js @@ -22,6 +22,7 @@ const NumericalAnswerContainer = styled.div` const NumericalAnswerContainerTool = styled.div` border: 3px solid #f5f5f7; border-bottom: none; + height: 33px; span:first-of-type { position: relative; diff --git a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js index 24ae58d89d29b451df841960b5830253819cd62d..4f11de0fa1b72d12f7fd0db86260209f2602351d 100644 --- a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js +++ b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerDropDownCompontent.js @@ -21,13 +21,13 @@ const Wrapper = styled.div` const DropDownButton = styled.button` background: #fff; - border: none; + border: 1px solid #f4f4f4; color: #000; cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')}; display: flex; position: relative; - width: 215px; - height: 100%; + width: 210px; + height: 26px; span { position: relative; @@ -45,13 +45,14 @@ const DropDownMenu = styled.div` box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 10%); margin: 2px auto auto; position: absolute; - width: 220px; + width: 210px; max-height: 150px; overflow-y: auto; z-index: 2; span { cursor: pointer; + border-bottom: 1px solid #f4f4f4; font-size: 11px; padding: 8px 10px; } @@ -99,6 +100,7 @@ const NumericalAnswerDropDownCompontent = ({ view = {}, item }) => { useOnClickOutside(wrapperRef, () => setIsOpen(false)); const [label, setLabel] = useState('Select Type'); + const isEditable = main.props.editable(editable => { return editable; }); @@ -166,7 +168,7 @@ const NumericalAnswerDropDownCompontent = ({ view = {}, item }) => { () => ( <Wrapper disabled={isDisabled} ref={wrapperRef}> <DropDownButton - aria-controls="questions-list" + aria-controls="numerical-answer-list" aria-expanded={isOpen} aria-haspopup disabled={isDisabled} @@ -188,7 +190,7 @@ const NumericalAnswerDropDownCompontent = ({ view = {}, item }) => { </DropDownButton> <DropDownMenu aria-label="Choose an item type" - id="questions-list" + id="numerical-list" isOpen={isOpen} role="menu" >