From 2b87e0857081f954b37b15dfeeb12aecefd4478d Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Tue, 7 Nov 2023 18:33:50 +0200
Subject: [PATCH] styles
---
.../NumericalAnswerContainerComponent.js | 1 +
.../NumericalAnswerDropDownCompontent.js | 14 ++++++++------
2 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js b/wax-questions-service/src/NumericalAnswerService/components/NumericalAnswerContainerComponent.js
index 93d3b6230..a4f37b379 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 24ae58d89..4f11de0fa 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"
>
--
GitLab