Commit 90d43358 authored by Muhammadali's avatar Muhammadali

update-

parent 530ce0cc
...@@ -14,8 +14,9 @@ const DropDown = ({ reasons, reason, selectFunc }) => { ...@@ -14,8 +14,9 @@ const DropDown = ({ reasons, reason, selectFunc }) => {
{/* <Text id={reason.toUpperCase()} /> */} {/* <Text id={reason.toUpperCase()} /> */}
<span>{translator.translate('STATUS')}: </span> <span>{translator.translate('STATUS')}: </span>
<span className='status'> <span className='status'>
{translator.translate(reason.toUpperCase())} <span>{translator.translate(reason.toUpperCase())}</span>
</span> </span>
<span className='sfdsdfsd'></span>
</DropDownStyle.Text> </DropDownStyle.Text>
<DropDownStyle.DropDown visiblevalue={visible} className={'nocopy'}> <DropDownStyle.DropDown visiblevalue={visible} className={'nocopy'}>
{reasons.map((value, index) => ( {reasons.map((value, index) => (
......
...@@ -13,13 +13,19 @@ const DropDownStyle = styled.div` ...@@ -13,13 +13,19 @@ const DropDownStyle = styled.div`
`; `;
DropDownStyle.Text = styled.div` DropDownStyle.Text = styled.div`
font-size: 14px; font-size: 14px;
text-overflow: ellipsis; display: grid;
white-space: nowrap; grid-template-columns: 0.5fr 1fr;
overflow: hidden;
cursor: pointer;
.status { .status {
color: orange; color: orange;
border-bottom: 1px dashed orange; text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sfdsdfsd {
width: 100%;
height: 1px;
border-top: 1px dashed orange;
grid-column: 2/3;
} }
`; `;
DropDownStyle.Window = styled.div` DropDownStyle.Window = styled.div`
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment